ASP.NET MVC3：新行上的 ValidationMessageFor

Question

我的模型有一条验证消息：

    <td colspan="2">
        <div class="rereg-input">
           @Html.TranslatedTextBoxFor(m => m.Email)
           @Html.ValidationMessageFor(m => m.Email)
         </div>
     </td>

当用户忘记时，文本会在字段旁边很好地显示一个 *：

但是当他们输入一封错误的电子邮件时，邮件就会被放在最后。我怎样才能把它弄下来？

Answer 1

您需要重新排列/修复 CSS/HTML 结构。

<td colspan="2">
    <div class="rereg-input">
        @Html.TranslatedTextBoxFor(m => m.Email)
        <div>
            @Html.ValidationMessageFor(m => m.Email)
        </div>
    </div>
</td>

您最好修改 MVC 放在验证消息元素上的任何 CSS 类并设置 display:block;。

.validation-message {
    /* ... */
    display:block;
}

Answer 2

只需用 div 包围它就可以了

<div>@Html.ValidationMessageFor(m => m.Email)</div>