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 相关文章推荐
js显示当前日期时间和星期几
Oct 22 Javascript
js中遍历Map对象的方法
Jul 27 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
一些可能会用到的Node.js面试题
Jun 15 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
Aug 07 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 Javascript
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
火影忍者:三大瞳力之一的白眼,为什么没有写轮眼那么出色?
2020/03/02 日漫
Protoss魔法科技
2020/03/14 星际争霸
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
PHP的静态方法与普通方法用法实例分析
2019/09/26 PHP
jQuery使用技巧简单汇总
2013/04/18 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
django进阶之cookie和session的使用示例
2018/08/17 Python
python判断输入日期为第几天的实例
2018/11/13 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
Python集中化管理平台Ansible介绍与YAML简介
2019/06/12 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
网络信息管理员岗位职责
2014/01/05 职场文书
文秘求职信范文
2014/04/10 职场文书
机关搬迁方案
2014/05/18 职场文书
毕业生找工作自荐书
2014/06/30 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
python非标准时间的转换
2021/07/25 Python
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL
在Docker容器中部署SQL Server
2022/04/11 Servers
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android
Android存储中最基本的文件存储方式
2022/04/30 Java/Android