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 相关文章推荐
javascript 数组学习资料收集
Apr 11 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
JQuery以JSON方式提交数据到服务端示例代码
May 05 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
Mar 12 Javascript
ECMAScript6中Map/WeakMap详解
Jun 12 Javascript
JQuery ztree带筛选、异步加载实例讲解
Feb 25 Javascript
jQuery控制元素隐藏和显示
Mar 03 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
浅谈angularJS的$watch失效问题的解决方案
Aug 11 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
使用ng-packagr打包Angular的方法示例
Sep 21 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数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
js文件缓存之版本管理详解
2013/07/05 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
JavaScript中的prototype原型学习指南
2016/05/09 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
python3.0 字典key排序
2008/12/24 Python
Python实现的knn算法示例
2018/06/14 Python
python实现随机漫步算法
2018/08/27 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
python实现扫描ip地址的小程序
2019/04/16 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
印度最大的网上花店:Ferns N Petals(鲜花、礼品和蛋糕)
2017/10/16 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
什么是Web Service?
2012/07/25 面试题
怎样声明一个匿名的内部类
2016/06/01 面试题
企划专员岗位职责
2013/12/09 职场文书
服装采购员岗位职责
2014/03/15 职场文书
2014年党员自我评议对照检查材料
2014/09/20 职场文书
公司授权委托书范文
2014/09/21 职场文书
圣诞节开幕词
2015/01/29 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书