用于 AJAX 自动完成和名称检查的多个文本框答案

【问题标题】：Multiple text boxes for AJAX auto complete and name check用于 AJAX 自动完成和名称检查的多个文本框
【发布时间】：2013-04-10 15:27:28
【问题描述】：

我正在尝试创建一个将搜索 mysql 数据库的文本框，在文本框下方提供自动完成的文本，然后显示确认勾号或叉号以表明该名称已在数据库中（或不在数据库中）。

我只能使用一个文本框，但我想在同一页面上添加多个文本框。例如，某人可以搜索 10 个不同的名字，让它们全部自动完成，然后用绿色勾号或红色叉号显示以确认它们在数据库中。

我是新手，如果有明显的错误，我深表歉意！

提前致谢。

这是javascript：

<script type="text/javascript">

function check_username(){

var username = $("#username").val();
if(username.length > 2){

    $.post("username.php", {
        username: $('#username').val(),
    }, function(response){
        $('#Info').fadeOut();
        setTimeout("finishAjax('Info', '"+escape(response)+"')", 450);
    });
    return false;
}
}

function finishAjax(id, response){

  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn(1000);
} 

$(function() {

$( "#username" ).autocomplete(
{
     source:'source.php'    })
});

</script>

这是 html 文本字段：

<td><input type="text" id="username" type="text" onblur="return check_username();"/></td>
<td><div id="Info"></div></td>

<td><input type="text" id="username2" type="text" onblur="return check_username2();"/></td>
<td><div id="Info"></div></td>

【问题讨论】：

标签： php javascript ajax methods

【解决方案1】：

尝试：

$( "input#username,input#username2" ).autocomplete(

而不是

$( "#username" ).autocomplete(

【讨论】：

感谢您的帮助。太好了，谢谢。不幸的是，我只能让它与自动完成一起工作，但不能与检查名称是否在数据库中的第一部分一起工作。我试过改变 var username = $("#username").val();到 var username = $("input#username,input#username2").val();但这不起作用。我认为将消息输出到的位置可能存在问题，因为此刻它正在寻找多个字段的信息 ID……我今天早上还要再玩一次，看看我能不能弄清楚！再次感谢。