我希望jQueryvalidation器将一个类添加到表单元素的父级

如何使用jQueryvalidation器在表单元素的父

上添加/删除类名（例如， validate ），以便通过仅设置一个类名来设置与该元素相关的所有内容？

标记是

 
 Product of interest *   Please name a product.  

而默认的jQuery是

 $("#commentForm").validate(); 

Answer 1

使用此处的highlight和 errorClass 选项覆盖errorClass （或validClass ）的应用位置：

 $("#commentForm").validate({ highlight: function(element, errorClass, validClass) { $(element).closest('.validate').addClass(errorClass).removeClass(validClass); }, unhighlight: function(element, errorClass, validClass) { $(element).closest('.validate').addClass(validClass).removeClass(errorClass); } }); 

---

默认情况下 ， errorClass为“error”并直接应用于input元素。 为了更好地说明，这是默认的validation函数，当您不向.validate()提供这些选项时，会发生以下情况：

 $("#commentForm").validate({ errorClass: "error", validClass: "valid", highlight: function( element, errorClass, validClass ) { $(element).addClass(errorClass).removeClass(validClass); }, unhighlight: function( element, errorClass, validClass ) { $(element).removeClass(errorClass).addClass(validClass); } }); 

Answer 2

 $(".validate").parent().removeClass('YouCSSClass'); $(".validate").parent().addClass('YouCSSClass'); 

另外你可以在http://api.jquery.com/parent/看到一些关于add remove css类的例子，请参阅http://api.jquery.com/addClass/