asp.net-mvc-3 - 验证失败后，@Html.TextBoxFor 文本框未突出显示

Question

我正在将 MVC3 与 Razor 一起使用。对于输入，我有两种类型的控制:

@Html.TextBoxFor

@Html.TextAreaFor

两者都有必需的字段验证。 @Html.TextAreaFor如果验证失败，则突出显示框，其中为 @Html.TextBoxFor才不是。

这是我的代码

HTML:

@Html.TextBoxFor(m => m.FirstName)

模型:

[Required(ErrorMessage = "First Name is required")]
public string FirstName { get; set; }

为什么使用 @Html.TextBoxFor 创建的文本框验证失败时没有突出显示？

Answer 1

确保您分配给这些输入字段的变量在您的模型类中是 [Required] .. 您是否还在“清理”过程中删除了任何 css？如果它不在那里，请尝试添加它。

.field-validation-error
{
color: #ff0000;
}
.field-validation-valid
{
display: none;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}
.validation-summary-valid
{
display: none;
}