热门IT资讯网

用jquery验证用户名是否有效或重复

发表于:2024-11-24 作者:热门IT资讯网编辑
编辑最后更新 2024年11月24日,最近在做毕业设计的时候,新增管理员用到jquery的ajax验证用户名是否存在,本人初次使用jquery的ajax,发了挺长时间的去网上找相关东西,现在和大家共享我的做法,多多指教。实现的效果如下图:

最近在做毕业设计的时候,新增管理员用到jquery的ajax验证用户名是否存在,本人初次使用jquery的ajax,发了挺长时间的去网上找相关东西,现在和大家共享我的做法,多多指教。

实现的效果如下图:

在代码中使用jquery-1.3.2的vsdoc版本:

其中上面引用的js代码中的就是id为txtUserName的textbox先聚焦,失去焦点时,验证使用ajax判断用户名是否存在。

  1. "txtUserName" size="25" Height="20px" runat="server">

ajax获取的页面:valideUserName_ajax.aspx
前台页面的代码如下:

  1. >
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head runat="server">
  4. <title>验证用户名是否存在title>
  5. head>
  6. <body>
  7. <form id="form1" runat="server">
  8. <div>
  9. div>
  10. form>
  11. body>
  12. html>

.cs的代码:本人使用三层架构,如用其他方法,请相应的转换:

  1. public partial class valideUserName_ajax : System.Web.UI.Page
  2. {
  3. protected void Page_Load(object sender, EventArgs e)
  4. {
  5. if (!string.IsNullOrEmpty(Request.QueryString["userName"]))
  6. {
  7. if(new zwx.BLL.adminUsers().ExistsUserName(Request.QueryString["userName"].ToString()))
  8. {
  9. Response.Write(" " + "用户名已经存在,请重新输入。");
  10. }
  11. else
  12. {
  13. Response.Write(" " + "恭喜该用户可以使用,请继续。");
  14. }
  15. }
  16. else
  17. {
  18. Response.Write(" " + "用户名不能为空!");
  19. }
  20. }
  21. }

当完成上面的步骤之后,可以实现判断用户名是否重复,但是新的问题出现了?

  1. "/"应用程序中的服务器错误。
  2. --------------------------------------------------------------------------------
  3. 此页的状态信息无效,可能已损坏。
  4. 说明: 执行当前 Web 请求期间,出现未处理的异常。请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息。
  5. 异常详细信息: System.Web.HttpException: 此页的状态信息无效,可能已损坏。
  6. 源错误:
  7. [没有相关的源行]
  8. 源文件: c:\Windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files\root\bab5ae03\ea433214\App_Web_asfn-zfc.1.cs 行: 0
  9. 堆栈跟踪:
  10. [FormatException: Base-64 字符串中的无效字符。]
  11. System.Convert.FromBase64String(String s) +0
  12. System.Web.UI.ObjectStateFormatter.Deserialize(String inputString) +77
  13. System.Web.UI.ObjectStateFormatter.System.Web.UI.IStateFormatter.Deserialize(String serializedState) +4
  14. System.Web.UI.Util.DeserializeWithAssert(IStateFormatter formatter, String serializedState) +37
  15. System.Web.UI.HiddenFieldPageStatePersister.Load() +113
  16. [ViewStateException: 无效的视图状态。
  17. Client IP: 127.0.0.1
  18. Port:
  19. 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)
  20. ViewState: /wEPDwUJNzMxNjYzNjkwZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WHQULY2JsTWFuYWdlJDAFC2NibE1hbmFnZSQwBQxjYmxBcnRpY2xlJDAFDGNibEFydGljbGUkMQUMY2JsQXJ0aWNsZSQyBQxjYmxBcnRpY2xlJDMFDGNibEFydGljbGUkMwUQY2JsQXJ0aWNsZUtpbmQkMAUQY2JsQXJ0aWNsZUtpbmQkMQUQY2JsQXJ0aWNsZUtpbmQkMgUQY2JsQXJ0aWNsZUtpbmQkMwUQY2JsQXJ0aWNsZUtpbmQkMwUIY2JsUGljJDAFCGNibFBpYyQxBQhjYmxQaWMkMgUIY2JsUGljJDMFCGNibFBpYyQzBQxjYmxQaWNLaW5kJDAFDGNibFBpY0tpbmQkMQUMY2JsUGljS2luZCQyBQxjYmxQaWNLaW5kJDMFDGNibFBpY0tpbmQkMwUKY2JsVmlkZW8kMAUKY2JsVmlkZW8kMQUKY2JsVmlkZW8kMgUKY2JsVmlkZW8kMwUKY2JsVmlkZW8kMwUMaW1nQnRuU3VibWl0BQxpbWdCdG5DYW5jbGUzgcuA+4V7gkvpf3QO5Zd66FFRMQ==,/wEPDwUJNzgzNDMwNTMzZGT4DI9jhwcGjbIzQJAyCccg/Xoh2g==
  21. Referer: http://localhost:53227/site_ma...]
  22. [HttpException (0x80004005): 此页的状态信息无效,可能已损坏。]
  23. System.Web.UI.ViewStateException.ThrowError(Exception inner, String persistedState, String errorPageMessage, Boolean macValidationError) +106
  24. System.Web.UI.ViewStateException.ThrowViewStateError(Exception inner, String persistedState) +14
  25. System.Web.UI.HiddenFieldPageStatePersister.Load() +217
  26. System.Web.UI.Page.LoadPageStateFromPersistenceMedium() +105
  27. System.Web.UI.Page.LoadAllState() +43
  28. System.Web.UI.Page.Proce***equestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +6785
  29. System.Web.UI.Page.Proce***equest(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +242
  30. System.Web.UI.Page.Proce***equest() +80
  31. System.Web.UI.Page.Proce***equestWithNoAssert(HttpContext context) +21
  32. System.Web.UI.Page.Proce***equest(HttpContext context) +49
  33. 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
  34. System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +181
  35. System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +75
  36. --------------------------------------------------------------------------------
  37. 版本信息: Microsoft .NET Framework 版本:2.0.50727.5448; ASP.NET 版本:2.0.50727.5456

后来又发了很多时间去网上找解决方案。最后找到一个比较满意的。且决解问题的,方案如下:

通过上网查询,给出以下解决方案:

在该工程中的web.config中添加如下代码:

来源: 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删掉。代码变成如下:

  1. >
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head runat="server">
  4. <title>验证用户名是否存在title>
  5. head>
  6. <body>
  7. body>
  8. html>

对比发现了什么不一样了吗?少了form以及下面的div。

这时你再尝试一下,发现就这样实现了添加新的管理员吧。

0