ASP.NET 验证器对齐问题答案

【问题标题】：ASP.NET validators alignment issueASP.NET 验证器对齐问题
【发布时间】：2010-05-11 13:59:36
【问题描述】：

我正在开发contactus 网页，该网页有一个名为Email 的输入字段。它根据必填字段验证器和带有适当消息的正则表达式验证器进行验证。

必填：输入电子邮件正则表达式：无效的电子邮件

我将这两个设置如下：

<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                                    <font color="#FF0000">*</font>
                                    <asp:RequiredFieldValidator ID="rfvemail" CssClass="error_text" ControlToValidate="txtEmail"
                                        runat="server" ErrorMessage="Enter email address."></asp:RequiredFieldValidator>
                                         <asp:RegularExpressionValidator ID="revemail" runat="server" ControlToValidate="txtEmail"
                                            ErrorMessage="Invalid Email" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>

我的问题是输入电子邮件和无效电子邮件都占用了自己的空间。例如：如果我将电子邮件留为空白并按提交，则输入电子邮件将显示在其旁边。如果我输入了无效的email(xxx)，Enter Email 是关闭的但是占用了空间，Invalid Email 信息会显示在之前'Enter Email' 占用的这些空间之后。

有什么办法可以去掉这个空格？？

马赫什

【问题讨论】：

标签： asp.net validation

【解决方案1】：

设置 Display = "Dynamic" 就可以了。

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.basevalidator.display%28v=VS.100%29.aspx

【讨论】：

【解决方案2】：

使用Diplay = "Dynamic"

验证控件的显示行为。合法值是：

None（不显示控件。用于仅在 ValidationSummary 控制）
静态（如果验证失败，控件将显示错误消息。空格是即使输入通过验证，也会在页面上为消息保留。
动态（如果验证失败，控件会显示错误消息。空格不是如果输入通过验证，则在页面上为消息保留

【讨论】：

【解决方案3】：

如果我正确理解了这个问题，我认为答案是将Display 属性设置为Dynamic。

如果您使用的是 ASP.NET 主题，则可以使用皮肤文件将其设置为主题中所有验证器的默认设置，这样您就不必再担心了。

【讨论】：