Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）
更新时间：2010年09月12日 13:31:46 作者：
最近在朋友做个网站http://www.smarteas.net/，其中用实现用户注册这功能，最近网站做到了尾声，我也就把其它有些技术和大家分享一下。
其中用到了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 验证用户名是否存在。首次发这样的技术文档，难免有不足之外，还请大家见凉...
下面将提供下载
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 验证用户名是否存在。首次发这样的技术文档，难免有不足之外，还请大家见凉...
下面将提供下载
相关文章
关于ajax早已不是新鲜话题，而jQuery使ajax变得无比简单。2010-05-05
这篇文章主要为大家详细介绍了jQuery easyui基本布局实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
多级菜单，理论上支持无限多的层级，文件结构非常简单的，以下是完整代码，有需要的朋友可以参考一下2013-10-10
本文给大家分享的是使用原生的js和jQuery2种方法，分别实现图片轮播的淡入淡出效果的代码，非常实用，也方便小伙伴们对比分析，希望对大家学习js和jq能够有所帮助。2015-04-04
下面小编就为大家带来一篇有关jquery与DOM节点操作方法和属性记录。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
本例要实现的是一个可以增加和删除行的table并可编辑表格中内容，适合新手朋友2014-06-06
这篇文章主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了iframe中使用jquery进行查找的方法,结合实际案例形式较为详细的分析了jQuery结合iframe查找的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了jQuery实现穿梭框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要介绍了jQuery实现统计输入文字个数的方法,涉及jQuery操作鼠标事件及dom元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论