AJAX .NET验证注册用户名是否已经被使用

AJAX .NET验证注册用户名是否已经被使用

我们在某个网站上注册一个账号的时候，在我们输入用户名之后，通常在页面会提示该用户名是否已经被使用，如果被使用则请用户输入一个新的用户名，方法简单，我们利用一个UpdatePannel和一个自定义验证控件CustomValidator1来解决问题。

先看页面设计：

在页面设计中我们主要用到了3个控件：TextBox(name),RequiredFieldValidator,CustomValidator;并全部放入UpdatePanel中，对其分别进行以下属性设置：

1.将UpdatePanel1的UpdateMode设置为Conditional，使其更新只能由内部控件或事件触发；

2.将TextBox(name)控件的AutoPostBack设置为True,使其在用户输入完毕后自动回传;

3.将验证用户名是否已经存在的程序写入name的TextChanged事件中。

先看结果：

可以看出，当我们输入完账号后将光标移到下一格时，UpdatePannel进行了局部更新，并检查该账号在数据库中是否存在。

name的TextChanged事件程序：

 1    protected void name_TextChanged(object sender, EventArgs e)
 2    {
 3        string connstr = "server=(local);database=test;uid=sa;pwd=sa13";
 4        SqlConnection conn = new SqlConnection(connstr);
 5        try
 6        {
 7            conn.Open();
 8            string sql = "select top 1 * from [user] where userName='" + name.Text.Trim() + "'";
 9            SqlCommand comm = new SqlCommand();
            comm.CommandText = sql;
            comm.Connection = conn;
            SqlDataReader dr=comm.ExecuteReader();
            if (dr.Read())
            {
                CustomValidator1.IsValid = false;
            }
            else
            {
                CustomValidator1.IsValid = true;
            }
            dr.Close();
        }
        catch (Exception ex)
        {
            throw new Exception(ex.Message);
        }
        finally
        {
            conn.Close();
        }
    }

在这里要注意一个问题，就是在Ajax运行时抛出异常的情况，所以我们要为ScriptManager1编写AsyncPostBackError事件：

    protected void ScriptManager1_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e)
    {
        ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message;
    }

并在前台用js加以提示：

 1    <script language="javascript" type="text/javascript">
 2    <!--
 3    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
 4    function EndRequestHandler(sender, args)
 5    {
 6       if (args.get_error() != undefined)
 7       {
 8          var errorMessage;
 9          if(args.get_response().get_statusCode() == '200')
          {
             errorMessage = args.get_error().message;
          }
          else
          {
             errorMessage = "发现一个无法预期的错误！"
          }
          args.set_errorHandled(true);
          alert(errorMessage);
       }
    }
    -->
    </script>

OK，当异常发生时，就弹出一个提示框：