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


Posted in Javascript onSeptember 12, 2010

其中用到了jquery插件来验证用户名哦,这里是利用jquery ajax来验证用户名是否存在哦。大家看看效果图,后面将附上源码下载。
Asp.net下利用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 验证用户名是否存在。首次发这样的技术文档,难免有不足之外,还请大家见凉...

下面将提供下载

Javascript 相关文章推荐
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
javascript 操作符(~、&、|、^、)使用案例
Dec 31 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
AngularJs  Creating Services详解及示例代码
Sep 02 Javascript
获取url中用&隔开的参数实例(分享)
May 28 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
js 概率计算(简单版)
Sep 12 Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
JS如何实现基于websocket的多端桥接平台
May 14 Javascript
vue 自定义组件添加原生事件
Apr 21 Vue.js
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 #Javascript
jQuery UI 应用不同Theme的办法
Sep 12 #Javascript
基于jquery的表格排序
Sep 11 #Javascript
javascript多种数据类型表格排序代码分析
Sep 11 #Javascript
javascript 触发HTML元素绑定的函数
Sep 11 #Javascript
Js组件的一些写法
Sep 10 #Javascript
编写Js代码要注意的几条规则
Sep 10 #Javascript
You might like
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
php 数据结构之链表队列
2017/10/17 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
利用javascript中的call实现继承
2007/01/22 Javascript
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
vue实现拖拽效果
2019/12/23 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
使用python实现strcmp函数功能示例
2014/03/25 Python
浅析Python中的多重继承
2015/04/28 Python
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
python里 super类的工作原理详解
2019/06/19 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
python实现三壶谜题的示例详解
2020/11/02 Python
三严三实对照检查材料
2014/09/22 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
幼儿园辞职信
2015/05/13 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
投诉信格式范文
2015/07/02 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书