Проверка JQuery: как сделать поля красными

Я использую jquery и jquery.validate.cs(jQuery Validation Plugin 1.8.0) для проверки формы. Сейчас он отображает сообщение рядом с полем, в котором говорится: "Это обязательное поле".

Я также хочу, чтобы каждое поле было красного цвета. Как я могу это сделать? Спасибо!

Ответ 1

Без какой-либо пользовательской конфигурации вы можете просто сделать это:

select.error, textarea.error, input.error {
    color:#FF0000;
}

Класс по умолчанию, применяемый к недопустимому вводу, error
Класс по умолчанию для проверяемого ввода - valid.

Эти классы также применяются к метке ошибки, поэтому имейте это в виду при написании CSS.

Демо с классами по умолчанию: http://jsfiddle.net/wesley_murch/j3ddP/2/

Плагин проверки позволяет вам настроить эти имена классов, чтобы вы могли сделать что-то вроде этого:

$("form").validate({
   errorClass: "my-error-class",
   validClass: "my-valid-class"
});

.my-error-class {
    color:#FF0000;  /* red */
}
.my-valid-class {
    color:#00CC00; /* green */
}

Демо с пользовательскими классами: http://jsfiddle.net/wesley_murch/j3ddP/1/

Параметры конфигурации можно найти на http://docs.jquery.com/Plugins/Validation/validate

Ответ 2

$("#myform").validate({
   error: function(label) {
     $(this).addClass("error");
   },
});

используйте параметр errorClass, чтобы добавить класс .invalid:

input.error {
    color: red;
}

Ответ 3

используйте Firebug, чтобы узнать, что такое класс элемента ошибки, а затем используйте css, чтобы сделать его красным:

.error-label {
    color: red;
}