用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驗證用戶名實例代碼就給大家分享這麼多,希望對大家有所幫助!