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

请参阅本链接

jQuery validation plugin - no error messages instead custom backgrounds

您可以更改“.error”类来定制您的输入字段

Answer 2

尝试设置的自定义功能，如

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

其中errorClass是添加到输入一个类时，它不是有效