建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网站开发 > asp.net教程 >

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

时间:2010-09-11 22:09来源: 作者: 点击:
最近在朋友做个网站,其中用实现用户注册这功能,最近网站做到了尾声,我也就把其它有些技术和大家分享一下。其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。

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

 

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

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片