Красная граница вокруг TextBox при сбое проверки - PullRequest
5 голосов
/ 14 мая 2010

Я использую ASP.NET MVC 2.

Html.DropDownListFor и Html.TextAreaFor автоматически получают красные границы при сбое проверки.

Как сделать четыре границы TextBox (используя Html.TextBoxFor) красными, если проверка не пройдена?

Например, у меня есть текстовое поле, которое требуется, и когда пользователь отправляет форму без указания значения в текстовом поле, я хочу, чтобы текстовое поле имело красные границы.

Ответы [ 2 ]

23 голосов
/ 14 мая 2010

При сбое проверки для свойства модели - он добавляет класс к входу в HTML. Взгляните на визуализированный html, когда проверка не удалась (с использованием view source или firebug), и проверьте класс для ввода * Затем отредактируйте свой CSS, чтобы включить стиль для неудачной проверки.

например. В моем проекте у меня есть:

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

HTHS
Charles

* Я почти уверен, что ASP.NET MVC по умолчанию добавляет класс input-validation-error.

4 голосов
/ 17 декабря 2015

Все, что вам нужно сделать, это CSS ниже:

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...