這次帶給大家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驗證使用者名稱(圖文詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!