验证失败时，TextBox周围出现红色边框

Question

我正在使用ASP.NET MVC 2.

Html.DropDownListFor和Html.TextAreaFor在验证失败时自动获得红色边框。

如果验证失败，如何使TextBox的四个边框（使用Html.TextBoxFor）变为红色？

例如，我有一个需要的TextBox，当用户提交表单而没有在文本框中指定值时，我希望文本框有红色边框。

Answer 1

当模型属性的验证失败时 - 它会在html的输入中添加一个类。在验证失败时（使用视图源或firebug）查看渲染的html，并查看输入的类*。然后编辑您的css以包含失败验证的样式。

E.g。在我的项目中，我有：

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

HTHS，
查尔斯

*我非常确定ASP.NET MVC默认添加了类input-validation-error。

Answer 2

您需要做的就是下面的CSS：

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}