html - 在 ASP 页面中未触发验证错误消息时隐藏不必要的空间

Question

我想使用 ASP 必填字段验证来验证我的 ASP.NET 页面中的一些文本框。我想在页面顶部显示该错误消息。

<table>
    <tr><td colspan='2'><b> User Input</b><br/></td></tr>
    <tr><td colspan='2'>
            <%--input validations--%>
            <asp:RegularExpressionValidator ID="regexpName1" runat="server"     
                ErrorMessage="This expression does not validate." 
                ControlToValidate="TextBox_adTitle"     
                ValidationExpression="^[a-zA-Z'.\s]{1,40}$" />
            <br />
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                ControlToValidate="TextBox_1" ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator>
        <br />
        </td>
    </tr>
    <tr><td>
        <asp:Label ID="Label_name" runat="server" Text="Seller Name * "></asp:Label>
        </td>
        <td>
             <asp:TextBox ID="TextBox_1" runat="server" ReadOnly="True" ></asp:TextBox>        
        </td>
    </tr>

...

这工作正常。但是，第一表行保留其空间，即使错误消息未显示在其上。这将导致页面上的 UI 看起来很糟糕，因为页面加载时存在不必要的空间。

如何在页面加载时以及没有验证错误时隐藏第一行(验证错误消息行)的空间？

Answer 1

你需要设置

Display="Dynamic"

验证器的属性，这将导致理想的行为。