久久久久久久久蜜桃,视色视频在线观看

客戶端收集表單信息。
使用XMLHttpRequest對(duì)象提交到服務(wù)器。
服務(wù)器完成驗(yàn)證的邏輯，返回結(jié)果信息。
瀏覽器端根據(jù)服務(wù)器返回的信息對(duì)用戶做出一定的提示。
不過由于我的空間不支持任何服務(wù)器段語言，所以把本應(yīng)在服務(wù)器的邏輯搬到了瀏覽器，由JavaScript來做，服務(wù)器只負(fù)責(zé)提供一個(gè)用戶名的列表。最后的效果如下，試著輸入test，cainiao8這些用戶名，都會(huì)顯示已注冊(cè)。
JavaScript代碼分析
首先，當(dāng)文檔載入完畢的時(shí)候，給表格設(shè)置change事件的響應(yīng)函數(shù)ajaxValidate，代碼如下：
程序代碼
addEventSimple(window,'load',function(){
var test = document.getElementById('username');
addEventSimple(test,'change',ajaxValidate);
}
這樣，當(dāng)用戶名文本框內(nèi)的值改變之后，就會(huì)調(diào)用ajaxValidate函數(shù)，其代碼如下：
程序代碼
function ajaxValidate(){
var options = {
url:'ajax/ajaxUsernames.xml',
listener:callback,
method:'GET'
}
var request = createRequest(options);
request.send(null);
}
它會(huì)使用之前介紹的createRequest函數(shù)初始化一個(gè)XMLHttpRequest對(duì)象，并且將它發(fā)送到服務(wù)器，請(qǐng)求ajaxUsernames.xml文件。
最后就是callback函數(shù)了：
程序代碼

復(fù)制代碼代碼如下:

function callback(){ 
var xmlDoc = this.responseXML; 
var root = xmlDoc.getElementsByTagName('root')[0]; 
var nodes = root.getElementsByTagName("username"); 
var currentNode = null; 
var username = document.getElementById('username').value; 
for(var i = 0; i  nodes.length; i++) { 
currentNode = nodes[i]; 
if(username == currentNode.childNodes[0].nodeValue){ 
document.getElementById('test').innerHTML = '對(duì)不起!'+username+'已經(jīng)被注冊(cè)。'; 
return; 
} 
} 
document.getElementById('test').innerHTML = '用戶名' + username +'可以使用!'; 
} 

callback函數(shù)在已經(jīng)存在的用戶名搜索當(dāng)前用戶輸入的名字，判斷是否已經(jīng)存在。

您可能感興趣的文章:

Ajax使用原生態(tài)JS驗(yàn)證用戶名是否存在
基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否存在實(shí)例
Ajax實(shí)現(xiàn)異步刷新驗(yàn)證用戶名是否已存在的具體方法
Ajax實(shí)時(shí)驗(yàn)證用戶名/郵箱等是否已經(jīng)存在的代碼打包
基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼
asp.net結(jié)合Ajax驗(yàn)證用戶名是否存在的代碼
Ajax驗(yàn)證用戶名或昵稱是否已被注冊(cè)

標(biāo)簽：崇左西藏威海銅川晉城撫州深圳伊春

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Ajax 用戶名驗(yàn)證是否存在》，本文關(guān)鍵詞 Ajax,用,戶名,驗(yàn)證,是否,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。