验证控件弹窗——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>

　　引用链接地址