首頁 > web前端 > js教程 > 主體

Ajax驗證使用者名稱(圖文詳解)

php中世界最好的语言
發布: 2018-04-04 16:17:57
原創
1449 人瀏覽過

這次帶給大家Ajax驗證使用者名稱(圖文詳解),Ajax驗證使用者名稱的注意事項有哪些,以下就是實戰案例,一起來看一下。

用Ajax驗證使用者名稱代​​碼如下所示:

介面:

 get
guestbook/index.php
m : index
a : verifyUserName
username : 要验证的用户名
登入後複製

回傳

{
code : 返回的信息代码 0 = 没有错误,1 = 有错误
message : 返回的信息 具体返回信息
}
登入後複製

js

oUser
name1.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'; //正确信息加绿色
}
});
}
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Ajax怎麼實作非同步使用者名稱驗證

jQuery+AJAX呼叫頁面的後台

以上是Ajax驗證使用者名稱(圖文詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板