驗證輸入是否重複 不重新整理畫面

需求：當使用者註冊時，檢查使用者名稱是否已經被註冊過了。如果註冊過了，顯示提示資訊，否則不顯示。不要重新整理畫面。

1.test.aspx檔案中：

function checkName(access_url){
        $.ajax({
            type: "post",
            url: access_url,
            data: "name="+$('#<%= txtName.ClientID%>').val(),
            error:function(result){
            },
            success: function(result) {
                if(result=="True"){
                    $('#<%=lblNameMsg.ClientID%>').css('display','');
                }
                else{
                    $('#<%=lblNameMsg.ClientID%>').css('display','none');
                }
            }});
    }

 

2.AjaxCheck.aspx.cs檔案中：

protected void Page_Load(object sender, EventArgs e)
{
        if (!IsPostBack)
        {
             bool blResult = false;
             if (Request.Params["name"] != null)
             {
                 blResult = CheckName();
                 Response.Clear();
                 Response.Write(!blResult);
              }               
         }
}
private bool CheckName()
{
     bool returnValue;
     returnValue = true;
      /*從資料庫裡面查詢使用者名稱是否存在*/
      int UserID = loginUser.GetUserIDByLoginName(user);

      // UserID已經存在
      if (UserID > 0)
      {
           returnValue = false;
       }
        return returnValue;
}

3.test.aspx檔案中

控制項中添加屬性onblur

<asp:TextBox ID="txtName" AutoCompleteType="disabled" onblur="checkName('../AjaxCheck.aspx')" runat="server"></asp:TextBox>