验证失败时TextBox周围的红色边框 [英] Red border around TextBox when validation fails

问题描述

我正在使用ASP.NET MVC 2.

I am using ASP.NET MVC 2.

Html.DropDownListFor和Html.TextAreaFor在验证失败时会自动显示红色边框.

Html.DropDownListFor and Html.TextAreaFor automatically get red borders when the validation fails.

当验证失败时，如何使TextBox的四个边框(使用Html.TextBoxFor)变为红色?

How to make the four borders of a TextBox (using Html.TextBoxFor) red when it fails validation?

例如，我有一个必需的TextBox，并且当用户提交表单时未在文本框中指定值时，我希望文本框具有红色边框.

For example, I have a TextBox that is required and when the user submits the form without specifying a value in the textbox, I want the textbox to have red borders.

推荐答案

当对模型属性的验证失败时，它将在html输入中添加一个类.验证失败时，请查看呈现的html(使用视图源或firebug)，并检出用于输入的类*.然后编辑CSS，以包含验证失败的样式.

When validation fails for a model property - it'll add a class to the input in the html. Have a look at the rendered html when the validation fails (using view source or firebug) and check out the class for your input*. Then edit your css to include a style for the failed validation.

例如在我的项目中，我有:

E.g. In my project I have:

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

HTH，
查尔斯

HTHs,
Charles

*我很确定ASP.NET MVC默认情况下会添加类 input-validation-error .

* I'm pretty sure ASP.NET MVC add the class input-validation-error by default.

这篇关于验证失败时TextBox周围的红色边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！