Несколько текстовых полей для автозаполнения AJAX и проверки имени

Question

Я пытаюсь создать текстовое поле, которое будет искать базу данных 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-TextField:

<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> 

Answer 1

попробовать:

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

вместо

$("#username").autocomplete(