利用jQuery动态检测用户名等是否存在

一个初学者，摸索了好久。终于找到这么个方法，其实应该还有很多种，但是我也不会。这个实现了，也算自己的一点成果吧。

首先是一个注册页面，无关内容就不贴上来了

    <form id="form1" method="post"   runat="server">
    <div>
    <div id="sign">
    <table>
    <tr>
        <td>账号</td>
        <td>
            <input type="text" name="username" id="username" />
            <div id="usernamecheck" class="warning">请输入一个数字账号</div>
        </td>
        
    </tr>
    <tr>
        <td>名称</td>
        <td>
            <input type="text" name="uname" id="uname" />
            <div id="unamecheck" class="warning">请输入您的部门名称</div>
        </td>        
    </tr>

账号和名称是我需要检测的字段。

接着是引用jQuery，以及编写很简单js代码

    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>

这一段也可单独写入js文件，再引用

    //检验用户名和名称是否存在
    <script type="text/javascript" >
    $(function() {
    //失去焦点时验证登录号是否可用
    $("#username").blur(function() {
        var xh = $(this).val();
        $.get("check_a_xh.aspx?xh=" + xh, null, function(response) {
            $("#usernamecheck").html(response);
        })
    });    
    //失去焦点时验证名称是否可用
    $("#uname").blur(function() {
        var uname = $(this).val();
        $.get("check_a_uname.aspx?uname=" + uname, null, function(response) {
            $("#unamecheck").html(response);
        })
    });     
})     
    </script>

之后就是后台处理的页面了，我这里是check_a_xh.aspx和check_a_uname.aspx 本来想用一个来完成的，可是不行 干脆就用两个吧 对.aspx不用做任何处理

check_a_xh.aspx.cs

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;

public partial class check_a : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e){


        //获取账号
        string xh=Request.QueryString["xh"].ToString();



        //数据库连接,并检测是否存在
        string sql = "SELECT * FROM 发布人 WHERE 登录号='" + xh+"'";
        string conn = "Data Source=.;Initial Catalog=notice;Integrated Security=True";
        SqlDataAdapter sda = new SqlDataAdapter(sql,conn);
        DataTable dt = new DataTable();
        sda.Fill(dt);

            //判断登录号是否存在
        if (dt.Rows.Count == 1)
            Response.Write("登录号已被使用");
        else
            Response.Write("恭喜您，您的登录号可以使用");


        sda.Dispose();

        dt.Dispose();


    }    
}

check_a_xh.aspx.cs

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;

public partial class check_b_uname : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //获取名称
        string uname = Request.QueryString["uname"].ToString();



        string sql = "SELECT * FROM 发布人 WHERE 名称='" + uname+ "'";
        string conn = "Data Source=.;Initial Catalog=notice;Integrated Security=True";
        SqlDataAdapter sda = new SqlDataAdapter(sql, conn);
        DataTable dt = new DataTable();
        sda.Fill(dt);
        //判断名称是否存在
        if (dt.Rows.Count == 1)
            Response.Write("您的名称已被使用，请更换");
        else
            Response.Write("恭喜您，您的名称可以使用");
        sda.Dispose();
        dt.Dispose();
    }
}

这样就完成了

效果如下：