用Ajax驗證用戶名

1.為用戶名文本框綁定onblur事件。

2.在nobler事件調用的方法中做以下操作：

（1）獲取用戶名

var name＝document.getElementByName("xxx")[0];

（2）創建XMLHttpRequest對象。

var xhr=getXmlHttpRequest();

（3）建立連接

xhr.open("get","ckServlet?name="+name.value);

（4）發出請求

xhr.send(null);

（5）利用onreadystatchange事件處理結果。（此步驟寫在創建連接之前）

xhr.onreadystatchange=function(){

if(xhr.readStat==4){

if(xhr.status==200){

if(xhr.responseText==true){

msg.innerHtml=“<font color='red'>用戶名已存在</font>";

}else｛

msg.innerHtml="用戶名不存在";

｝

}

}

}

圖片發自簡書App
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.思路 可以用onblur事件，會在對象失去焦點的時候觸發 用onkeyup事件，onkeyup 事件會在鍵盤按...
    fuyou2324閱讀 653評論 1贊 6
  • 《ijs》速成開發手冊3.0 官方用戶交流：iApp開發交流（1） 239547050iApp開發交流（2） 10...
    葉染柒丶閱讀 5,342評論 0贊 7
  • 個人博客：https://yeaseonzhang.github.io 花了半個多月的時間，終于又把“JS紅寶書”...
    Yeaseon閱讀 1,790評論 2贊 23
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品，去做同樣的事情，實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,854評論 2贊 17
  • ajax作為前端開發必需的基礎能力之一，你可能會使用它，但并不一定懂得其原理，以及更深入的服務器通信相關的知識。在...
    蕭玄辭閱讀 844評論 0贊 0