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

前端之家收集整理的这篇文章主要介绍了asp.net-mvc-3 – @ Html.TextBoxFor文本框在验证失败后未突出显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用带Razor的MVC3.对于输入我有两种类型的控制:

> @ Html.TextBoxFor
> @ Html.TextAreaFor

两者都需要现场验证. @ Html.TextArea如果验证失败,则突出显示该框,因为@ Html.TextBoxFor没有.

这是我的代码

HTML:

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

模型:

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

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

解决方法

确保您为这些输入字段分配的变量在模型类中是[必需].您是否也在“清理”过程中删除了任何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;
}

猜你在找的asp.Net相关文章