用jquery驗證用戶名是否有效或重復

發布時間：2020-03-22 16:44:09 來源：網絡閱讀：3283 作者：cbhthomas 欄目：web開發

最近在做畢業設計的時候，新增管理員用到jquery的ajax驗證用戶名是否存在，本人初次使用jquery的ajax，發了挺長時間的去網上找相關東西，現在和大家共享我的做法，多多指教。

實現的效果如下圖：

用jquery驗證用戶名是否有效或重復

在代碼中使用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'>&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: 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/Xoh2g==  
    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中添加如下代碼：

來源: 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。

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

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

用jquery驗證用戶名是否有效或重復

猜你喜歡

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

用jquery驗證用戶名是否有效或重復

猜你喜歡

最新資訊

相關推薦

相關標簽