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 相关文章推荐
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
asp 取文本框名称代码
Dec 02 Javascript
{}与function(){}选用空对象{}来存放keyValue
May 23 Javascript
jQuery事件 delegate()使用方法介绍
Oct 30 Javascript
Javascript中的方法链(Method Chaining)介绍
Mar 15 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
深入学习jQuery Validate表单验证
Jan 18 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 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实现与ASP Banner组件相似的类
2006/10/09 PHP
坏狼php学习 计数器实例代码
2008/06/15 PHP
php 删除无限级目录与文件代码共享
2008/11/22 PHP
php实现中文字符截取防乱码方法汇总
2015/04/29 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
Javascript实现的分页函数
2007/02/07 Javascript
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
flash 得到自身url参数的代码
2009/11/15 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
JS实现静止元素自动移动示例
2014/04/14 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
在vue中阻止浏览器后退的实例
2019/11/06 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
Python实现把xml或xsl转换为html格式
2015/04/08 Python
Python中实现变量赋值传递时的引用和拷贝方法
2018/04/29 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
荷兰本土平价百货:HEMA
2017/10/23 全球购物
波兰灯具、照明和LED购物网站:Lampy.pl
2019/03/11 全球购物
残疾人创业典型事迹
2014/02/01 职场文书
高中毕业生的个人自我评价
2014/02/21 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
高中生自我评价范文2015
2015/03/03 职场文书
2016年学校十一国庆节活动总结
2016/04/01 职场文书
七年级作文之英语老师
2019/10/28 职场文书
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python