用Ajax驗證用戶名代碼如下所示:
接口:
get guestbook/index.php m : index a : verifyUserName username : 要驗證的用戶名
返回
{ code : 返回的信息代碼 0 = 沒有錯誤,1 = 有錯誤 message : 返回的信息 具體返回信息 }
js
oUsername1.onblur = function() { //失去焦點的時候,把當前用戶名給後端去驗證 ajax('get', 'guestbook/index.php', 'm=index&a=verifyUserName&username=' + this.value, function(data) { //alert(data); 浏覽器調試查看 var d = JSON.parse(data); //解析 oVerifyUserNameMsg.innerHTML = d.message; //將返回信息展示到頁面上 if (d.code) { //code : 返回的信息代碼 0 = 沒有錯誤,1 = 有錯誤 oVerifyUserNameMsg.style.color = 'red'; //錯誤信息加紅色 } else { oVerifyUserNameMsg.style.color = 'green'; //正確信息加綠色 } }); }
關於ajax驗證用戶名實例代碼就給大家分享這麼多,希望對大家有所幫助!