一、引用jquery js檔案 
 
<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.js"></script>
 
二、在頁面上定義一個function ,如下：url代表要執行根據登入名查詢的aspx頁面function CheckUserName()
      {
       var usern = /^[a-zA-Z0-9_]{1,}$/;
       if(!document.getElementById('txtLoginName').value.match(usern))
       {
         alert("登入名只能填寫字母、數字和下劃線！");
         return false;
       }
       {
      $.ajax({
      type:"Get",
      url:"AjaxUserInfoModify.aspx",
      dataType:"html",
      data:"userName="+$("#txtLoginName").val(),
      beforeSend:function(XMLHttpRequest) 
      {
      },
      success:function(msg) 
      { 
        if(msg=="1")
        {
        alert("此使用者名稱已經存在！");
        document.getElementById('txtLoginName').focus();
        return false;
        }      }, 
      complete:function(XMLHttpRequest,textStatus) 
      { 
        //隱藏正在查詢圖片 
      }, 
      error:function() 
      { 
       //錯誤處理 
      } 
      })
       }
      }    </script>
 

三、AjaxUserInfoModify.aspx 頁面程式碼如下：
 
 commonService cs = new commonService();
    ExamService es = new ExamService();
    protected void Page_Load(object sender, EventArgs e)
    {
        //獲取引數
        string userName = Request["userName"].ToString();
        //替換一些非法輸入的字元等
        userName = cs.ReplaceValue(userName);
        //驗證此登入名是否存在
        int count = es.IsexisUserName(userName);
        // 1---已經註冊
        // 0--未註冊
        if (count != 0)
        {
            Response.Write("1");
            Response.End();
            return;
        }
        else
        {
            Response.Write("0");
            Response.End();
            return;
        }    }
}
 

四、呼叫這個function, <asp:TextBox ID="txtLoginName" runat="server" onblur="CheckUserName()"></asp:TextBox>