Question

Here’s a sample form.
How can I customize the form so it doesn’t display any error messages and instead changes invalid fields background color?

Tried this to no avail:

$("form").validate({
  errorPlacement: function(error, element) {
     $(element.error).css("background","red");
   }
 })

Answer 1

All you need is two lines of CSS:

label.error {display: none !important;}
.error {background: #F00;}