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

Question

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

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

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

有没有办法可以为两个浏览器执行此操作？我想知道最适合做这种事情的方式。

提前致谢。

Answer 1

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

Answer 2

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