用jquery驗證使用者名稱是否有效或重複

mqp26180發表於2020-09-21
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" "

　　<html xmlns=" >

　　<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'>&nbsp;</span>" + "使用者名稱已經存在，請重新輸入。");

　　}

　　else

　　{

　　Response.Write("<span class='success'>&nbsp;</span>" + "恭喜該使用者可以使用，請繼續。");

　　}

　　}

　　else

　　{

　　Response.Write("<span class='error'>&nbsp;</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: 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: ]

　　[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" "

　　<html xmlns=" >

　　<head runat="server">

　　<title>驗證使用者名稱是否存在</title>

　　</head>

　　<body>

　　</body>

　　</html>

　　對比發現了什麼不一樣了嗎？少了form以及下面的div。

　　這時你再嘗試一下，發現就這樣實現了新增新的管理員吧。


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69976881/viewspace-2722810/，如需轉載，請註明出處，否則將追究法律責任。

相關文章