很多網站注冊后，可以實時驗證當前用戶名是否存在，如果存在，將提示他們無法注冊，下面是錯新技術頻道小編為大家介紹的Ajax之用戶名驗證是否存在的方法，希望能給需要它的朋友帶來一些幫助。?

客戶端收集表單信息。
使用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函數了：
程序代碼

以上就是錯新技術頻道小編介紹的Ajax之用戶名驗證是否存在的方法，今天就為大家分享到這里了，更多的技術知識，錯新技術頻道小編將繼續和大家分享。