久久久久国产精品免费免费_,亚洲国产精品成人精品小说,精品AV无码一区二区

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

復制代碼代碼如下:

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 = '對不起!'+username+'已經被注冊。'; 
return; 
} 
} 
document.getElementById('test').innerHTML = '用戶名' + username +'可以使用!'; 
} 

callback函數在已經存在的用戶名搜索當前用戶輸入的名字，判斷是否已經存在。

您可能感興趣的文章:

Ajax使用原生態JS驗證用戶名是否存在
基于jQuery實現Ajax驗證用戶名是否存在實例
Ajax實現異步刷新驗證用戶名是否已存在的具體方法
Ajax實時驗證用戶名/郵箱等是否已經存在的代碼打包
基于jQuery實現的Ajax 驗證用戶名是否存在的實現代碼
asp.net結合Ajax驗證用戶名是否存在的代碼
Ajax驗證用戶名或昵稱是否已被注冊

標簽：崇左西藏威海銅川晉城撫州深圳伊春

巨人網絡通訊聲明：本文標題《Ajax 用戶名驗證是否存在》，本文關鍵詞 Ajax,用,戶名,驗證,是否,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。

亚洲综合原千岁中文字幕_国产精品99久久久久久久vr_无码人妻aⅴ一区二区三区浪潮_成人h动漫精品一区二区三

Ajax 用戶名驗證是否存在