JQuery валидировать - изменить CSS недопустимых элементов

Question

Я использую плагин jQuery.validate, но мне хотелось бы изменить цвет фона поля ввода, в котором произошел сбой, вместо отображения сообщения?Есть ли что-то подобное, уже встроенное в плагин, или мне нужно что-то добавить, чтобы он работал?

Вот код, который у меня есть:

$("#myForm").validate({
    debug: false,
    rules: {
        YourName: {
            required: true,
        },
    },
//I want to highlight the failed element here by changing the background color
    submitHandler: function(form) {

    $.post('projectform.php', $("#myForm").serialize(), function(data)
        {
          $('#myDiv').html(data);       
        });
      }

});

Answer 1

попробуйте установить пользовательские функции, такие как

$("#myForm").validate({
            errorPlacement: function(error, element){
                element.addClass('errorClass');
            },
            unhighlight: function(element, errorClass, validClass) {
               $(element).removeClass('errorClass');
            }
}

, где errorClass - это класс, добавляемый к входам, когда он недействителен

Answer 2

см. Эту ссылку

плагин проверки jQuery - вместо сообщений об ошибках вместо пользовательских фонов

вы можете изменить класс ".error" для настройки поля ввода