Javascript jQuery验证-更改无效元素的css

我正在使用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);       
        });
      }

});

---

尝试设置自定义函数，如

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

其中errorClass是在输入无效时添加到输入的类

请参阅此链接

您可以更改“.error”类以自定义输入字段