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 相关文章推荐
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 Javascript
JavaScript打字小游戏代码
Dec 26 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
js canvas实现擦除动画
Jul 16 Javascript
vue日期组件 支持vue1.0和2.0
Jan 09 Javascript
几行js代码实现自适应
Feb 24 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 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
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
javascript 显示当前系统时间代码
2009/12/28 Javascript
js星星评分效果
2014/07/24 Javascript
jQuery处理json数据返回数组和输出的方法
2015/03/11 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
JavaScript的jQuery库插件的简要开发指南
2015/08/12 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
javascript RegExp 使用说明
2016/05/21 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
2017/07/14 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
vue+axios 前端实现的常用拦截的代码示例
2018/08/23 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
2018/09/18 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
基于axios 的responseType类型的设置方法
2019/10/29 Javascript
vue实现路由不变的情况下,刷新页面操作示例
2020/02/02 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
python支持断点续传的多线程下载示例
2014/01/16 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
详解Django+Uwsgi+Nginx的生产环境部署
2018/06/25 Python
Tensorflow 使用pb文件保存(恢复)模型计算图和参数实例详解
2020/02/11 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
加拿大廉价机票预订网站:CheapOair.ca
2018/03/04 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
我的求职计划书
2014/01/10 职场文书
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
爱心助学感谢信
2015/01/21 职场文书
python内置进制转换函数的操作
2021/06/02 Python
MybatisPlus EntityWrapper如何自定义SQL
2022/03/22 Java/Android