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

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

2010091117115171.jpg

 

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 实现的源码

ContractedBlock.gif ExpandedBlockStart.gif 代码
 
   
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

转载于:https://www.cnblogs.com/solitudeing/archive/2010/09/11/1824047.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值