验证器文本包含divs - 防止在验证器正常时显示

时间:2012-08-12 20:20:29

标签: asp.net css validation

我有一个验证器,其关联错误文本设置如下。

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ValidationGroup="1" ControlToValidate="EmailTB"
                                                    Text="<div class='error-left'></div><div class='error-inner'>required</div>"
                                                    Display="Static" Width="100%" runat="server" SetFocusOnError="true" />

我把这个验证器放在tr的第三个td上。前两个td是字段的名称和文本框。问题是,即使没有显示错误文本,它也会通过具有宽度和高度来连接整个表格布局。据我所知,ASP&gt; NET应该在显示错误文本时使用javascript使文本内部可见,但我不喜欢布局因不应激活的标签高度而扭曲的事实。请看下面的照片:

观察: - 这是表单中唯一的验证器,这就是为什么电子邮件的tr是如此之高(因为错误左侧的类具有此高度)

2 个答案:

答案 0 :(得分:2)

更改Display property to Dynamic - 样式设置为"display: none;",直到触发为止。

答案 1 :(得分:0)

即使没有错误,也不要包含代码,只有在出现错误时才包含代码。