Ajax驗(yàn)證用戶(hù)名實(shí)例代碼
更新時(shí)間：2016年04月25日 09:35:13 作者：說(shuō)中
這篇文章主要介紹了Ajax驗(yàn)證用戶(hù)名實(shí)例代碼，非常實(shí)用，特此分享供大家學(xué)習(xí)
用Ajax驗(yàn)證用戶(hù)名代碼如下所示：
接口：
get guestbook/index.php m : index a : verifyUserName username : 要驗(yàn)證的用戶(hù)名
返回
{
code : 返回的信息代碼 0 = 沒(méi)有錯(cuò)誤，1 = 有錯(cuò)誤
message : 返回的信息 具體返回信息
}
js
oUsername1.onblur = function() { //失去焦點(diǎn)的時(shí)候，把當(dāng)前用戶(hù)名給后端去驗(yàn)證
ajax('get', 'guestbook/index.php', 'm=index&a=verifyUserName&username=' + this.value, function(data) {
//alert(data); 瀏覽器調(diào)試查看
var d = JSON.parse(data); //解析
oVerifyUserNameMsg.innerHTML = d.message; //將返回信息展示到頁(yè)面上
if (d.code) { //code : 返回的信息代碼 0 = 沒(méi)有錯(cuò)誤，1 = 有錯(cuò)誤
oVerifyUserNameMsg.style.color = 'red'; //錯(cuò)誤信息加紅色
} else {
oVerifyUserNameMsg.style.color = 'green'; //正確信息加綠色
}
});
}
關(guān)于ajax驗(yàn)證用戶(hù)名實(shí)例代碼就給大家分享這么多，希望對(duì)大家有所幫助！
您可能感興趣的文章:
- Ajax 用戶(hù)名驗(yàn)證是否存在
- asp ajax注冊(cè)驗(yàn)證之 防止用戶(hù)名輸入空格
- asp.net結(jié)合Ajax驗(yàn)證用戶(hù)名是否存在的代碼
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶(hù)注冊(cè)檢測(cè)（驗(yàn)證用戶(hù)名是否存）
- 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶(hù)名是否存在的實(shí)現(xiàn)代碼
- Ajax實(shí)時(shí)驗(yàn)證用戶(hù)名/郵箱等是否已經(jīng)存在的代碼打包
- PHP+Ajax異步通訊實(shí)現(xiàn)用戶(hù)名郵箱驗(yàn)證是否已注冊(cè)( 2種方法實(shí)現(xiàn))
- jsp+ajax實(shí)現(xiàn)無(wú)刷新(鼠標(biāo)離開(kāi)文本框即驗(yàn)證用戶(hù)名)實(shí)現(xiàn)思路
- 基于Ajax用戶(hù)名驗(yàn)證、服務(wù)條款加載、驗(yàn)證碼生成的實(shí)現(xiàn)方法
- Ajax實(shí)現(xiàn)異步刷新驗(yàn)證用戶(hù)名是否已存在的具體方法
- 使用struts2+Ajax+jquery驗(yàn)證用戶(hù)名是否已被注冊(cè)
- 基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶(hù)名是否存在實(shí)例
相關(guān)文章
ajax請(qǐng)求添加自定義header參數(shù)代碼
這篇文章主要介紹了ajax請(qǐng)求添加自定義header參數(shù)代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
ajax實(shí)現(xiàn)加載數(shù)據(jù)功能
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)加載數(shù)據(jù)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
$.ajax中contentType: “application/json” 的用法詳解
這篇文章主要介紹了$.ajax中contentType: “application/json” 的用法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-10-10
Ajax實(shí)現(xiàn)模擬關(guān)鍵字智能匹配搜索效果
這篇文章主要介紹了Ajax實(shí)現(xiàn)模擬關(guān)鍵字智能匹配搜索效果,當(dāng)在搜索框輸入內(nèi)容時(shí)，根據(jù)關(guān)鍵字匹配，顯示彈出層，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
AJAX實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出詳細(xì)介紹示例
鼠標(biāo)經(jīng)過(guò)彈出詳細(xì)內(nèi)容的效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)很簡(jiǎn)單，在本文為大家介紹下使用ajax實(shí)現(xiàn)此效果，感興趣的朋友可以參考下2013-09-09
經(jīng)過(guò)前3篇的ajax實(shí)例教程的學(xué)習(xí)，我想各位已經(jīng)能夠使用ajax技術(shù)進(jìn)行簡(jiǎn)單的數(shù)據(jù)讀取工作．2010-10-10
發(fā)布三個(gè)ajax相關(guān)的函數(shù)，包括無(wú)刷新提交表單等
發(fā)布三個(gè)ajax相關(guān)的函數(shù)，包括無(wú)刷新提交表單等...2006-08-08
ajax中的$.getJSON方法想必大家非常熟悉吧，本文接下來(lái)將在為你鞏固一下，感興趣的你可以參考下，希望對(duì)你有所幫助2013-03-03
AJax與Jsonp跨域訪問(wèn)問(wèn)題小結(jié)
本文給大家匯總介紹了JavaScript的AJax，JQuery的AJax以及利用jsonp實(shí)現(xiàn)跨域訪問(wèn)的問(wèn)題，非常的細(xì)致全面，有需要的小伙伴可以參考下。2015-12-12
javascript ajax功能函數(shù)，沒(méi)用過(guò)的朋友看看代碼，應(yīng)該會(huì)有點(diǎn)收獲。2009-12-12