源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-01-27 18:40 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于jQuery实现的Ajax 验证用户名是否存在的实现代码
实例: 1、请求页面AJax.aspx HTML代码
[u]复制代码[/u] 代码如下:
<div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="showResult" style="float:left">div> div>
JS代码
[u]复制代码[/u] 代码如下:
<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 后台代码
[u]复制代码[/u] 代码如下:
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)初始化界面 [img]http://files.jb51.net/upload/201104/20110406223429675.gif[/img] (2)正在查询提示页面 [img]http://files.jb51.net/upload/201104/20110406223429488.gif[/img] (3) 验证用户名已经存在页面 [img]http://files.jb51.net/upload/201104/20110406223429712.gif[/img] (4)  验证用户名未存在页面 [img]http://files.jb51.net/upload/201104/20110406223429111.gif[/img] 至此 AJAX验证用户名是否存在的功能已经完成。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部