您的位置:首页 > Web前端 > JQuery

Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)

2010-09-12 00:00 1216 查看
其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。



jquery框架实现的ajax 验证用户名是否存在的部分JS
$("#accounts").formValidator({onshow:"请输入用户名",onfocus:"用户名至少4个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:4,max:10,onerror:"用户名至少4个字符,最多10个字符"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"}) 
.ajaxValidator({ 
type : "get", 
url : "/ws/NameExist.aspx", 
datatype : "json", 
success : function(data){ 
if( data == "1" ) 
{ 
return true; 
} 
else 
{ 
return false; 
} 
}, 
buttons: $("#submit"), 
error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");}, 
onerror : "该用户名不可用,请更换用户名", 
onwait : "正在对用户名进行合法性校验,请稍候..." 
})

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 验证用户名是否存在。首次发这样的技术文档,难免有不足之外,还请大家见凉...

下面将提供下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐