在输入下方显示验证消息（IE9 和 IE7）答案

【问题标题】：Show validation message below the input (IE9 and IE7)在输入下方显示验证消息（IE9 和 IE7）
【发布时间】：2012-02-14 14:30:52
【问题描述】：

我正在使用 razor 呈现一个文本框及其验证消息：

     @Html.TextBoxFor(m => m.Login, new { maxlength = "20"})
     @Html.ValidationMessageFor(m => m.Login)

我需要在元素下方显示验证消息，并且我需要该样式在 IE9 和 IE7 中都有效。如果我使用<br />，IE 7 会在下面显示一个空行，然后显示消息，而 IE 9 会在输入下方正确显示消息，没有任何空格。

有没有办法为这两个浏览器做到这一点？我也想知道做这种事情最合适的方式。

提前致谢。

【问题讨论】：

【解决方案1】：

<div>
     @Html.TextBoxFor(m => m.Login, new { maxlength = "20"})
</div>
<div>
    @Html.ValidationMessageFor(m => m.Login)
</div>

【讨论】：

【解决方案2】：

您可能会遇到 IE7 和 IE9 之间的 CSS 差异。使用开发工具检查验证消息，看看是否可以更改应用于验证错误的 CSS。您可以更改它们以使 UI 在两种浏览器中的行为相同。

【讨论】：