2011-03-30 44 views
0

我不知道有人能幫我解決一段時間以來一直強調我的問題。jQuery驗證與ASP.NET更新面板裏面的錯誤總結

我想在我的頁面更新面板中包含jQuery驗證和錯誤摘要。然而,我發現當錯誤摘要div位於更新面板內部時,在第一次回發之後,摘要不再顯示 - 但是jQuery仍在驗證表單並防止當我設置的條件未滿足時回發。

爲了澄清,我遇到了以下幾點:

  1. 頁的第一負荷,試圖提交的頁面沒有完成詳細信息 - >回發防止和預期顯示錯誤摘要。

  2. 填寫姓和名字段,點擊提交 - >頁面正確提交到服務器。

  3. 現在將outname或surname字段填空並單擊submit - >該頁面不回發給服務器,但是錯誤摘要不會顯示給用戶。

  4. 完成的名字及姓氏場 - >頁面被正確地調回

如果您更新面板的頁面按預期工作之外將錯誤總結DIV(DIV class="error-container")。不幸的是,我無法用我的設計做到這一點。

我想知道有沒有人遇到過這個問題,以及您是否找到了解決辦法?

重新創建了我的問題,你可以使用下面的代碼:

TestValidator.aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestValidator.aspx.vb" Inherits="TestValidator" %> 

用的名字:
姓:

   $(document).ready(function() { 

        load(); 

        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() { 
         load(); 
        }); 

       }); 

       function load() { 

        $("#<%= Me.Page.Form.ClientId %>").validate({ 
         errorLabelContainer: $("ul", $('.error-container')), 
         wrapper: 'li' 
        }); 
       } 

       function checkForm() { 
        return $("#<%= Me.Page.Form.ClientId %>").valid(); 
       } 


      </script> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
</form> 

TestValidator.aspx。VB

Partial Class TestValidator 
Inherits System.Web.UI.Page 

Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnSubmit.Click 
    Me.btnSubmit.Text = "Submitted at: " & Now.ToString 
End Sub 

末級

感謝 大衛

回答

0

這是我如何得到我的jQuery函數運行每個頁面加載我的UpdatePanel內:

// Attach our single function that will call all of the functions 
// we want to run OnLoad to the Sys.Application.add_load handler. 

if (Sys != undefined && Sys.Application) { 
    Sys.Application.add_load(callOnLoadFunctions); 
} else { 
    window.onload = callOnLoadFunctions; 
} 

function callOnLoadFunctions() { 

    // Add all the functions to be called 

    load();   // your method 
    function1();  // some other function 
    function2();  // another function 

}

我把我所有的js在頁面的底部,這通常在我的jQuery和插件引用之後在外部js文件中引用。

+0

嗨 謝謝您的回覆,但是這種方法提出了同樣的問題:(。 – DavidReid 2011-03-30 21:16:11

+0

好,從這裏我會嘗試使用Firebug控制檯可以在Firefox中退出的消息時,事情在燒結測試? – 2011-03-30 21:29:59

+0

此外,我不會在我的更新面板中放置我的腳本...我會在標記後將其放在頁面的底部。 – 2011-03-30 21:36:22