Asp.net 利用Jquery Ajax实现（验证用户名是否存）用户注册

最近在朋友做个网站http://www.smarteas.net/，其中用实现用户注册这功能，最近网站做到了尾声，我也就把其它有些技术和大家分享一下。其中用到了jquery插件来验证用户名哦，这里是利用jquery ajax来验证用户名是否存在哦。大家看看效果图，后面将附上源码下载。

 

jquery框架实现的ajax 验证用户名是否存在的部分JS

view source

print?

01	$("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:4,max:10,onerror:"用户名至少4个字符,最多10个字符"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"})

02	.ajaxValidator({

03	type : "get",

04	url : "/ws/NameExist.aspx",

05	datatype : "json",

06	success : function(data){

07	if( data == "1" )

08

{

09	return true;

10

}

11

else

12

{

13	return false;

14

}

15

},

16	buttons: $("#submit"),

17	error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},

18	onerror : "该用户名不可用，请更换用户名",

19	onwait : "正在对用户名进行合法性校验，请稍候..."

20

})

 

NameExist.aspx 实现的源码

 protected void Page_Load(object sender, EventArgs e)
        {
            string accounts = Request["accounts"];

            LoginNameExist(accounts);
        }

        public void LoginNameExist(string accounts)
        {
            IUsers user = AgileEIS.Web.DAL.Interface.DALHelper.DALManager.CreateUsers();
            user.Session = ContextHelper.Session;
            user.Accounts = accounts;
            user.Refresh();

            if (!user.Exists)
            {
                Response.Write("1");
            }
            else
            {
                Response.Write("0");
            }
            Response.End();
            return;
        }

 

 

异步刷新实现方式有多种，也可以借助js的多种框架，以上是使用jquery框架实现的ajax 验证用户名是否存在。首次发这样的技术文档，难免有不足之外，还请大家见凉...

下面将提供下载

login.rar