基于jQuery实现的Ajax 验证用户名是否存在的实现代码


Posted in Javascript onApril 06, 2011

实例:
1、请求页面AJax.aspx
HTML代码

<div> 
<input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> 
<div id="showResult" style="float:left">div> 
div>

JS代码
<script type="text/javascript" src="CSS/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function JudgeUserName() 
{ 
$.ajax({ 
type:"GET", 
url:"AjaxUserInfoModify.aspx", 
dataType:"html", 
data:"userName="+$("#txtName").val(), 
beforeSend:function(XMLHttpRequest) 
{ 
$("#showResult").text("正在查询"); 
//Pause(this,100000); 
}, 
success:function(msg) 
{ 
$("#showResult").html(msg); 
$("#showResult").css("color","red"); 
}, 
complete:function(XMLHttpRequest,textStatus) 
{ 
//隐藏正在查询图片 
}, 
error:function() 
{ 
//错误处理 
} 
}); 
} 
</script>

2 、页面AjaxUserInfoModify.aspx
后台代码
protected void Page_Load(object sender, EventArgs e) 
{ 
string userName = Request.QueryString["userName"].ToString (); 
if (userName == "James Hao") 
{ 
Response.Write ("用户名已经存在!"); 
} 
else 
{ 
Response.Write ("您可以使用此用户名!"); 
} 
}

3 、运行界面

(1)初始化界面

基于jQuery实现的Ajax 验证用户名是否存在的实现代码

(2)正在查询提示页面

基于jQuery实现的Ajax 验证用户名是否存在的实现代码

(3) 验证用户名已经存在页面

基于jQuery实现的Ajax 验证用户名是否存在的实现代码

(4)  验证用户名未存在页面

基于jQuery实现的Ajax 验证用户名是否存在的实现代码

至此 AJAX验证用户名是否存在的功能已经完成。

Javascript 相关文章推荐
转换json格式的日期为Javascript对象的函数
Jul 13 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
Mac/Windows下如何安装Node.js
Nov 22 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
js实现微博发布小功能
Jan 12 Javascript
vue模块移动组件的实现示例
May 20 Javascript
JavaScript this指向相关原理及实例解析
Jul 10 Javascript
在antd中setFieldsValue和defaultVal的用法
Oct 29 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 #Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 #Javascript
jQuery中绑定事件的命名空间详解
Apr 05 #Javascript
jQuery下通过$.browser来判断浏览器.
Apr 05 #Javascript
Jquery判断IE6等浏览器的代码
Apr 05 #Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 #Javascript
JQuery中$之选择器用法介绍
Apr 05 #Javascript
You might like
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
WordPress判断用户是否登录的代码
2011/03/17 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
微信小程序实现折叠面板
2018/01/31 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
Python下的Softmax回归函数的实现方法(推荐)
2017/01/26 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
日本即尚网:JSHOPPERS.com(支持中文)
2019/12/03 全球购物
电厂厂长岗位职责
2014/01/02 职场文书
优秀学生评语大全
2014/04/25 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
项目经理任命书
2014/06/04 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
JavaScript 中for/of,for/in 的详细介绍
2021/11/17 Javascript