顯示輸入端口（IE9和IE7）以下驗證消息

Question

我用剃刀來呈現一個文本框和驗證消息：

 @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在兩個瀏覽器中表現相同。