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 相关文章推荐
prototype 源码中文说明之 prototype.js
Sep 22 Javascript
JavaScript flash复制库类 Zero Clipboard
Jan 17 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
yarn与npm的命令行小结
Oct 20 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
解决LayUI表单获取不到data的问题
Aug 20 Javascript
vue开发环境配置跨域的方法步骤
Jan 16 Javascript
vue实现搜索功能
May 28 Javascript
小程序中设置缓存过期的实现方法
Jan 14 Javascript
JS实现网站楼层导航效果代码实例
Jun 16 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
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
JS 图片缩放效果代码
2010/06/09 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
js实现选中复选框文字变色的方法
2015/08/14 Javascript
分享Javascript实用方法二
2015/12/13 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
概述一个页面从输入URL到页面加载完的过程
2016/12/16 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
JavaScript实现背景自动切换小案例
2019/09/27 Javascript
Vue实现开关按钮拖拽效果
2020/09/22 Javascript
Python中的匿名函数使用简介
2015/04/27 Python
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
jenkins+python自动化测试持续集成教程
2020/05/12 Python
Python request post上传文件常见要点
2020/11/20 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
HTML5所有标签汇总及标签意义解释
2015/03/12 HTML / CSS
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
PHP开发的一般流程
2013/08/13 面试题
企业法人代表任命书
2014/06/06 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
2015年保险业务员工作总结
2015/05/27 职场文书
学会感恩主题班会
2015/08/12 职场文书
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android
在SQL Server中使用 Try Catch 处理异常的示例详解
2022/07/15 SQL Server