用jquery验证用户名是否有效或重复
最近在做毕业设计的时候,新增管理员用到jquery的ajax验证用户名是否存在,本人初次使用jquery的ajax,发了挺长时间的去网上找相关东西,现在和大家共享我的做法,多多指教。
实现的效果如下图:
在代码中使用jquery-1.3.2的vsdoc版本:
- <script src="/js/jquery/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
- <script type="text/javascript" language="javascript">
- $(function() {
- $("#txtUserName").focus(function() {
- $(this).addClass("focus");
- }).blur(function(){
- $.ajax({
- type: "GET",
- url: "valideUserName_ajax.aspx",
- dataType: "html",
- data: "userName=" + $("#txtUserName").val(),
- beforeSend: function(XMLHttpRequest) {
- $("#showResult").text("正在查询。。。");
- },
- success: function(msg) {
- $("#showResult").html(msg);
- $("#showResult").css("color", "red");
- },
- complete: function(XMLHttpRequest, textStatus) {
- //隐藏正在查询图片
- },
- error: function() {
- //错误处理
- }
- });
- });
- });
- </script>
其中上面引用的js代码中的就是id为txtUserName的textbox先聚焦,失去焦点时,验证使用ajax判断用户名是否存在。
- <asp:TextBox ID="txtUserName" size="25" Height="20px" runat="server"></asp:TextBox>
ajax获取的页面:valideUserName_ajax.aspx
前台页面的代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head runat="server">
- <title>验证用户名是否存在</title>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- </div>
- </form>
- </body>
- </html>
.cs的代码:本人使用三层架构,如用其他方法,请相应的转换:
- public partial class valideUserName_ajax : System.Web.UI.Page
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- if (!string.IsNullOrEmpty(Request.QueryString["userName"]))
- {
- if(new zwx.BLL.adminUsers().ExistsUserName(Request.QueryString["userName"].ToString()))
- {
- Response.Write("<span class='error'> </span>" + "用户名已经存在,请重新输入。");
- }
- else
- {
- Response.Write("<span class='success'> </span>" + "恭喜该用户可以使用,请继续。");
- }
- }
- else
- {
- Response.Write("<span class='error'> </span>" + "用户名不能为空!");
- }
- }
- }
当完成上面的步骤之后,可以实现判断用户名是否重复,但是新的问题出现了?
- “/”应用程序中的服务器错误。
- --------------------------------------------------------------------------------
- 此页的状态信息无效,可能已损坏。
- 说明: 执行当前 Web 请求期间,出现未处理的异常。请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息。
- 异常详细信息: System.Web.HttpException: 此页的状态信息无效,可能已损坏。
- 源错误:
- [没有相关的源行]
- 源文件: c:\Windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files\root\bab5ae03\ea433214\App_Web_asfn-zfc.1.cs 行: 0
- 堆栈跟踪:
- [FormatException: Base-64 字符串中的无效字符。]
- System.Convert.FromBase64String(String s) +0
- System.Web.UI.ObjectStateFormatter.Deserialize(String inputString) +77
- System.Web.UI.ObjectStateFormatter.System.Web.UI.IStateFormatter.Deserialize(String serializedState) +4
- System.Web.UI.Util.DeserializeWithAssert(IStateFormatter formatter, String serializedState) +37
- System.Web.UI.HiddenFieldPageStatePersister.Load() +113
- [ViewStateException: 无效的视图状态。
- Client IP: 127.0.0.1
- Port:
- User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; Embedded Web Browser from: http://bsalsa.com/; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Tablet PC 2.0; 360SE)
- ViewState: /wEPDwUJNzMxNjYzNjkwZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WHQULY2JsTWFuYWdlJDAFC2NibE1hbmFnZSQwBQxjYmxBcnRpY2xlJDAFDGNibEFydGljbGUkMQUMY2JsQXJ0aWNsZSQyBQxjYmxBcnRpY2xlJDMFDGNibEFydGljbGUkMwUQY2JsQXJ0aWNsZUtpbmQkMAUQY2JsQXJ0aWNsZUtpbmQkMQUQY2JsQXJ0aWNsZUtpbmQkMgUQY2JsQXJ0aWNsZUtpbmQkMwUQY2JsQXJ0aWNsZUtpbmQkMwUIY2JsUGljJDAFCGNibFBpYyQxBQhjYmxQaWMkMgUIY2JsUGljJDMFCGNibFBpYyQzBQxjYmxQaWNLaW5kJDAFDGNibFBpY0tpbmQkMQUMY2JsUGljS2luZCQyBQxjYmxQaWNLaW5kJDMFDGNibFBpY0tpbmQkMwUKY2JsVmlkZW8kMAUKY2JsVmlkZW8kMQUKY2JsVmlkZW8kMgUKY2JsVmlkZW8kMwUKY2JsVmlkZW8kMwUMaW1nQnRuU3VibWl0BQxpbWdCdG5DYW5jbGUzgcuA+4V7gkvpf3QO5Zd66FFRMQ==,/wEPDwUJNzgzNDMwNTMzZGT4DI9jhwcGjbIzQJAyCccg/Xoh1g==
- Referer: http://localhost:53227/site_ma...]
- [HttpException (0x80004005): 此页的状态信息无效,可能已损坏。]
- System.Web.UI.ViewStateException.ThrowError(Exception inner, String persistedState, String errorPageMessage, Boolean macValidationError) +106
- System.Web.UI.ViewStateException.ThrowViewStateError(Exception inner, String persistedState) +14
- System.Web.UI.HiddenFieldPageStatePersister.Load() +217
- System.Web.UI.Page.LoadPageStateFromPersistenceMedium() +105
- System.Web.UI.Page.LoadAllState() +43
- System.Web.UI.Page.Proce***equestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +6785
- System.Web.UI.Page.Proce***equest(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +242
- System.Web.UI.Page.Proce***equest() +80
- System.Web.UI.Page.Proce***equestWithNoAssert(HttpContext context) +21
- System.Web.UI.Page.Proce***equest(HttpContext context) +49
- ASP.site_mag_manage_editmanage_aspx.Proce***equest(HttpContext context) in c:\Windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files\root\bab5ae03\ea433214\App_Web_asfn-zfc.1.cs:0
- System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +181
- System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +75
- --------------------------------------------------------------------------------
- 版本信息: Microsoft .NET Framework 版本:2.0.50727.5448; ASP.NET 版本:2.0.50727.5456
后来又发了很多时间去网上找解决方案。最后找到一个比较满意的。且决解问题的,方案如下:
通过上网查询,给出以下解决方案:
在该工程中的web.config中添加如下代码: <pages enableEventValidation="False" viewStateEncryptionMode="Never" /> 来源:http://www.cnblogs.com/ufo0303/archive/2008/04/10/1146026.html 但是,按照网上给出的方法并没有解决问题. 于是, 参见:http://blog.csdn.net/Yamzef/archive/2007/03/26/1541160.aspx.其中说: 如果你在回调前不加这两句的话 __theFormPostData就会在原来的基础上再添加现有的网页状态post数据,这样可以说现在回调时你已包含了两份post数据,但回调时,服务器方仍然把它当作一份看待,结果服务器分析不出post数据,只给你返回了一个网页状态已损坏的消息 分析,可能是B页面,包含form表单才造成问题出现.于是删除B.aspx中的Form标签.问题解决. |
于是我就将我ajax引用页面的form删掉。代码变成如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head runat="server">
- <title>验证用户名是否存在</title>
- </head>
- <body>
- </body>
- </html>
对比发现了什么不一样了吗?少了form以及下面的div。
这时你再尝试一下,发现就这样实现了添加新的管理员吧。
转载于:https://blog.51cto.com/cbhthomas/843533
用jquery验证用户名是否有效或重复相关推荐
- ssh整合问题总结--使用struts2+Ajax+jquery验证用户名是否已被注册
在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面 ...
- jQuery验证用户名是否可用
HTML代码 Java代码 web.xml配置
- JQuery Ajax后台无刷新验证用户名重复,前台验证两次密码一致,后台创建并验证 验证码
写在前面 写web 的人,我想最先要解决的就是注册登录的界面了,一个小小的界面却包含着各种基本的知识,让我这个新手摸了一天. 效果图 知识 1.bootstrap渲染表单 2.JQuery ajax验 ...
- ajax校验用户名可用吗,基于jQuery实现Ajax验证用户名是否可用实例
本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码,供大家参考,具体内容如下 HTML Insert title here //页面加载完成后 $(function() ...
- jQuery ajax简单案例-验证用户名是否可用
jQuery ajax简单案例-验证用户名是否可用 HTML <!DOCTYPE html> <html> <head> <meta charset=&quo ...
- 利用jQuery实现的Ajax 验证用户名是否存在
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...
- asp.net 用户注册怎么判断用户名是否重复 ajax,AJAX_asp.net结合Ajax验证用户名是否存在的代码,1, 使用JavaScript js文件,验证 - phpStudy...
asp.net结合Ajax验证用户名是否存在的代码 1, 使用JavaScript js文件,验证用户名是否存在 复制代码 代码如下: var ajax = function(option) { va ...
- asp判断ajax请求 -asp.net,一个asp注册验证用户名是否重复的Ajax实例
一个asp注册验证用户名是否重复的Ajax实例 1.需要用到的初始化xmlhttp实例和发送请求的javascript函数: 以下为引用的内容: // JavaScript Document func ...
- asp.net AJAX 验证用户名是否存在 -Jquery
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...
最新文章
- java 事件驱动模式_事件驱动
- hdu1879 继续畅通工程 最小生成树
- 在有序旋转数组中找到最小值
- java中gc是怎么工作的_java中的GC(gabage collection)如何工作
- 微型计算机常用的worm是,2010江西省计算机等级考试试题 二级C试题考试答题技巧...
- Hexo之部署github
- Ubuntu 14.04 LAMP搭建(Apache 2.47+MySQL 5.5+PHP5.5)
- 做中学之教与学工具箱
- 一个简单的mysql服务检测启动脚本
- 自定义_Excel中的自定义函数(自定义函数的基础内容)
- Python 装饰器总结
- [bzoj1033] [ZJOI2008]杀蚂蚁 Big MoNI
- GCC的gcc和g++区别,本质而言,gcc和g++并不是编译器,也不是编译器的集合,它们只是一种驱动器,根据参数中要编译的文件的类型,调用对应的GUN编译器而已
- 2021-05-14
- 高数篇:03罗尔定理
- 阿里云CDN工作原理、使用场景及产品优势简介
- 万字面试分享贴!从十二个角度解析面试全流程!附互联网公司Offer难度系数分析...
- 树莓派3B+使用镜像烧录安装系统与配置教程(入门向)
- 【机器学习】逻辑回归(LogisticRegression)原理与实战
- X86_Intel_汇编语法
热门文章
- 【RS】Improving Implicit Recommender Systems with View Data - 使用浏览数据提升隐式推荐系统...
- Colocation Guard公司再增1万平方英尺的数据中心空间
- 《Linux嵌入式实时应用开发实战(原书第3版)》——第2章 安装Linux2.1 发行版...
- 景安河南机房电力事故,部分主机和云服务器停机
- JAVA图形界面(GUI)之布局管理器
- linux的权限管理以及特殊权限SUID,SGID,Sticky
- Linux内核源代码情景分析-fork()
- 对于java程序语言的单例设计模式讲解
- 解决Lync Server 2013无法共享演示PPT
- 黄聪:php实现上传图片和等比例缩略图压缩图片