このチュートリアルは、ajax php を使用するプログラムです。ユーザーがユーザー名を入力すると、php プログラムにリクエストを送信し、登録するユーザー名がすでに登録されているか、重複しているかを判断します。 、ユーザーが大きなフォームに記入し、登録できないユーザー名を突然入力して不快なエクスペリエンスを引き起こすことを防ぐために、タイムリーに情報を返します。このチュートリアルは、この問題を解決するために特別に設計されており、登録したいユーザー名が登録可能かどうかをすぐに知ることができます。
ajax+phpチュートリアルのユーザー名重複検証コード例
/*
このチュートリアルでは、ajax php を使用します。ユーザーがユーザー名を入力すると、php プログラムにリクエストが送信され、登録するユーザー名が既に登録されているか重複しているかを判断するためにデータがクエリされ、プロンプトが返されます。ユーザーが大量のフォームに入力したり、登録できないユーザー名を突然入力したりして、不快なエクスペリエンスを引き起こすことを防ぐための情報。このチュートリアルは、この問題を解決するために特別に設計されており、登録したいユーザー名が登録可能かどうかをすぐに知ることができます。
*/
?>
<頭>
<スクリプト言語="Web ページの特殊効果">
function createxmlhttprequest(){//xmlhttprequest オブジェクトを作成します
if(window.activexobject){//ie
試してみてください{
新しい activexobject("microsoft.xmlhttp") を返します;
} キャッチ(e){
戻る;
}
}else if(window.xmlhttprequest){//mozilla,firefox
試してみてください{
新しい xmlhttprequest() を返します;
} キャッチ(e){
戻る;
}
}
}function getrenews(value){//メイン呼び出し関数
var xmlhttp=createxmlhttprequest();
var url = "13.php?action=check&title="+value+"&mt="+math.random(300000);
if (value==""){
false を返します ;
}
if (xmlhttp){
コールバック = getreadystatehandler(xmlhttp);
xmlhttp.onreadystatechange = コールバック;
xmlhttp.open("get", url,true);
xmlhttp.send(null);
}
}function getreadystatehandler(xmlhttp){//サーバー復帰後の関数の処理
戻り関数(){
if(xmlhttp.readystate == 4){
If(xmlhttp.status == 200){
アラート(xmlhttp.responsetext);
If (xmlhttp.responsetext==1){
document.getelementbyid("checkid").innerhtml="ユーザー名はすでに存在します!";
}その他{
Document.getelementbyid("checkid").innerhtml="登録可能"; }
}
}
}
<テーブル幅="75%" border="0">
ユーザー名を入力
