驗證控件彈窗——ValidationSummary 控件

ValidationSummary控件是用於顯示驗證所有驗證錯誤摘要的控件，當我們將驗證控件的 Display屬性設置 None 的時候，驗證錯誤信息就在這里顯示。

ValidationSummary控件有三個常見屬性：

DisplayMode ：指定顯示模式，有 BulletList、 List、 SingleParagraph 三種模式

ShowMessageBox：是否以客戶端提示框的信息顯示驗證錯誤信息摘要

ShowSummary：是否在網頁中采用內聯方式顯示錯誤摘要

 

下面是一個ValidationSummary 控件的例子（在使用 ValidationSummary控件的時候一定要將驗證控件的 Display 屬性設為 None）

<div class="ui-form">
            <div class="ui-form-item ui-border-b">
                <label>手機號碼</label>
                <asp:TextBox ID="TextBox1" runat="server" placeholder="請輸入手機號碼" TextMode="Phone"></asp:TextBox>
  
           </div>
            </div>
            

             <span class="time-tag">
                   <asp:RequiredFieldValidator ID="rfv" runat="server" ErrorMessage="手機號碼不能為空" ControlToValidate="TextBox1"  Display="None" ></asp:RequiredFieldValidator>

           
                <asp:RegularExpressionValidator ID="revtell" runat="server" ErrorMessage="請輸入11位手機號" ControlToValidate="TextBox1" ValidationExpression="\d{11}" 
                Display="None"></asp:RegularExpressionValidator>

        <asp:ValidationSummary ID="ValidationSummary2" runat="server"  DisplayMode="SingleParagraph"  ShowMessageBox="true" ShowSummary="false" HeaderText="" />
             </span>
            
        </div>

　　引用鏈接地址