圖像按鈕和更新面板

Question

我有一個圖像按鈕定義如下，

<div>
    <asp:ImageButton ID="btn1" runat="server" ImageUrl="/_LAYOUTS/1033/IMAGES/row.png" />
</div>
<div>
    <asp:RequiredFieldValidator runat="server" ID="reqName" ControlToValidate="txtUserEmail" validationGroup="Page"
        ErrorMessage="enter a email" />
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$"
        ControlToValidate="txtUserEmail" ErrorMessage="enter a email">  
    </asp:RegularExpressionValidator>
</div>

現在我有了更新面板，

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                <ContentTemplate>
                    <div> // with controls in it that do some calculations without post back

問題是，當我的用戶控件加載完畢時，如果我嘗試計算並按下更新面板中的按鈕，它將檢查文本框是否為空，如果輸入的是錯誤消息，則該文本框應該不會發生。

現在，如果我將validationGroup="Page"添加到驗證器，它確實可以工作，但是它不會檢查電子郵件文本框是否為空。

另外，如果我添加EnableClientScript=False則再次使用更新面板，但似乎無法驗證電子郵件文本框。

Answer 1

如果將ValidationGroup="Page"添加到驗證器，則還需要將其添加到相關按鈕和輸入控件，否則驗證器將單獨位於一個組中，而無需進行驗證。

<div>
    <asp:ImageButton ID="btn1" runat="server" ImageUrl="/_LAYOUTS/1033/IMAGES/row.png" ValidationGroup="Page" />
</div>
<div>
    <asp:RequiredFieldValidator runat="server" ID="reqName" ControlToValidate="txtUserEmail" ValidationGroup="Page" ErrorMessage="enter a email" />
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$" ControlToValidate="txtUserEmail" ValidationGroup="Page" ErrorMessage="enter a email" />
</div>