非更新ページを実現するには、以前は最も原始的な js ajax を使用して検証していましたが、現在は一般的に使用されている jquery ajax を簡単な post で解決できます。
index.php ページの例
| コードは次のとおりです |
コードをコピー |
|
<頭>
php jquery ユーザー名をチェック ajax アカウントの一意性をチェック
<スクリプト>
$(document).ready(function(){
$('#ユーザー名').keyup(ユーザー名_check);
});
関数 username_check(){
var ユーザー名 = $('#ユーザー名').val();
if(ユーザー名 == "" || ユーザー名.length
$('#ユーザー名').css('border', '3px #CCC ソリッド');
$('#tick').hide();
}その他{
jQuery.ajax({
入力: 「POST」
URL：「check.php」
データ: 'ユーザー名='+ ユーザー名,
キャッシュ: false、
成功: 関数(応答){
if(応答 == 1){
//登録できません
$('#ユーザー名').css('border', '3px #C33 ソリッド');
$('#tick').hide();
$('#cross').fadeIn();
}その他{
$('#ユーザー名').css('border', '3px #090 ソリッド');
$('#cross').hide();
$('#tick').fadeIn();
}
}
});
}
}
#ユーザー名{
パディング:3px;
フォントサイズ:18px;
ボーダー:3px #CCC ソリッド;
}
#tick{表示:なし}
#cross{表示:なし}
ユーザー名:
|
