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

Ответ 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;
}