mysqlデータベースを検索し、テキストボックスの下に自動補完テキストを提供し、確認のチェックマークまたはクロスを表示して、名前がデータベースに既に存在する(または存在しない)ことを示すテキストボックスを作成しようとしています。
1 つのテキスト ボックスだけで動作するようになりましたが、同じページに複数のテキスト ボックスを追加したいと考えています。たとえば、誰かが 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>