Question

I use jQuery form validation plugin to validate some form fields. As for now I made css like here:

input.error, select.error {
  border: 2px solid red !important;
  }

I have some fields that are required and of cause some additional validation is added.
I wonder, is it possible to make background color for empty(“required”) inputs red but not when they are not empty but not valid.

Answer 1

You can create a custom validation method and define the required as such:

    $.validator.addMethod("custom_required", function(value, element) {
        if ($.trim(value) == "") {
           $(element).addClass('redBg');
           return false;
        } else {
            $(element).removeClass('redBg');
            return true;
        }
    }, "This field cannot be empty");