asp.net - 验证控件中的格式问题

Question

我正在对文本框使用超过 1 次验证，在这种情况下，如果第一次验证未通过，那么第二次验证将在第一个验证器的一些空格之后显示。在我的电子邮件文本框项目中，我是使用两个验证必需字段和正则表达式，但我的正则表达式验证器没有显示在正确的位置。我尝试了 css，即左边距，但这对我不起作用。 我的代码是 名 姓 电子邮件ID

        &nbsp;&nbsp;</td>
    </tr>
    <tr>
        <td>
            User Id
        </td>
        <td>
            <asp:TextBox ID="TextBox7" runat="server" EnableViewState="true" Height="22px" Width="189px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4"  runat="server" 
                ControlToValidate="TextBox7" 
                ErrorMessage="It is a mandatory field Can't be left blank" ForeColor="#FF3300"></asp:RequiredFieldValidator>

        </td>
        </tr>
    <tr>
        <td>
            Password
        </td>
        <td>
            <asp:TextBox ID="TextBox4" runat="server" EnableViewState="true" TextMode="Password" Height="22px" Width="189px"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator5"  runat="server" 
                ForeColor="#FF3300" ControlToValidate="TextBox4" ErrorMessage="It is a mandatory field Can't be left blank"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td>
            Full Address
        </td>
        <td>
            <asp:TextBox ID="TextBox5" runat="server" Height="64px" TextMode="MultiLine" Width="189px"></asp:TextBox>
            <asp:RequiredFieldValidator  ID="RequiredFieldValidator6" runat="server" 
                ForeColor="#FF3300" ControlToValidate="TextBox5" ErrorMessage="It is a mandatory field Can't be left blank"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td>
            Mobile No.
        </td>
        <td>
            <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                ForeColor="#FF3300" ControlToValidate="TextBox4" ErrorMessage="It is a mandatory field Can't be left blank"></asp:RequiredFieldValidator>
            <asp:RangeValidator ID="RangeValidator1" runat="server" 
               ForeColor="#FF3300" ControlToValidate="TextBox6" ErrorMessage="Not in the correct format" 
                MaximumValue="9999999999" MinimumValue="1000000000"></asp:RangeValidator>
        </td>
    </tr>
</table>

    <asp:ImageButton ID="ImageButton1" runat="server" 
        ImageUrl="~/img/str/buttons/submit_blue.png" onclick="ImageButton1_Click" />

Answer 1

尝试将验证器的显示属性设置为动态。该属性的默认值为静态，这意味着验证器的 html 使用 visibility:hidden css 规则呈现，而使用动态则获得 display:none 改为 css 规则。 visibility:hidden CSS 规则将在元素位置留下空白，display:none 则不会。