主頁(yè) > 知識(shí)庫(kù) > Ajax 用戶名驗(yàn)證是否存在

Ajax 用戶名驗(yàn)證是否存在

熱門(mén)標(biāo)簽:電銷機(jī)器人違法了嗎 上海浦東騰訊地圖標(biāo)注位置 辰溪地圖標(biāo)注 遼寧銀行智能外呼系統(tǒng) 海南銀行智能外呼系統(tǒng)商家 澳大利亞城市地圖標(biāo)注 遼寧正規(guī)電銷機(jī)器人 姜堰電銷機(jī)器人 許昌智能電銷機(jī)器人公司
客戶端收集表單信息。
使用XMLHttpRequest對(duì)象提交到服務(wù)器。
服務(wù)器完成驗(yàn)證的邏輯,返回結(jié)果信息。
瀏覽器端根據(jù)服務(wù)器返回的信息對(duì)用戶做出一定的提示。
不過(guò)由于我的空間不支持任何服務(wù)器段語(yǔ)言,所以把本應(yīng)在服務(wù)器的邏輯搬到了瀏覽器,由JavaScript來(lái)做,服務(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)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Ajax 用戶名驗(yàn)證是否存在》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于Ajax 用戶名驗(yàn)證是否存在的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章