Parsley JS将错误/成功类添加到父级

我正在使用Parsley JS（ http://parsleyjs.org/ ）进行表单validation。 错误的默认行为是向每个无效输入添加一类parsley-error 。 但是，我想更改默认行为并将错误类添加到输入的父级 – 特别是在form-group元素上。

基本的HTML

 
  
 Full Name * :  
  
 Email * :  
   

我正在使用“Javascript安装”来初始化所有内容，我尝试使用我自己的函数覆盖“errorClass”和“successClass”选项，但似乎不起作用。

  $('.js-contact-form').parsley({ trigger: 'change', errorClass: function(){ $(this).parent() .removeClass('has-success') .addClass('has-error has-feedback'); }, successClass: function(){ $(this).parent() .removeClass('has-error') .addClass('has-success has-feedback'); }, errorsWrapper: '
', errorTemplate: '', }); 

我想最终得到这样的东西：

 
 Full Name * :  
 This field is required 
  

Answer 1

您应该使用classHandler而不是errorClass 。

这应该工作：

 $(document).ready(function() { $('.js-contact-form').parsley({ trigger: 'change', successClass: "has-success", errorClass: "has-error", classHandler: function (el) { return el.$element.closest('.form-group'); //working }, errorsWrapper: '
', errorTemplate: '', }); }); 

你也可以在SO上查看这个相关的答案： parsley 2.0.3不能使用boostrap 3