在無效字段上運行函數（使用jQuery驗證）

Question

我正在使用jQuery驗證，我希望能夠在窗體的每個無效字段上運行函數。這是我在想什麼：

jQuery(".jform").validate(
{ 
    errorElement: "span", 
    errorClass: "help-inline", 
    invalidHandler: function(event, validator) 
    { 
     jQuery(':input', this).each(function() 
     { 
      var ParentDiv = jQuery(Selector).parents(".control-group"); 
    ParentDiv.removeClass('error'); 

      if (!validator.valid(this)) 
      { 
       ParentDiv.addClass('error'); 
      } 
     }); 
    } 
}); 

我基本上是試圖添加一個類到包含任何錯誤的字段的div。上面的代碼不起作用 - 我認爲我錯過了一些基本的東西。有什麼建議麼？

Answer 1

使用亮點回調，而不是invalidHandler，這將調用每一個無效的字段。您可能需要將其與不重要的處理程序結合使用。

$(".jform").validate(
{ 
    errorElement: "span", 
    errorClass: "help-inline", 
    highlight: function(element, errorClass) 
    { 
     $(element).closest('div').addClass(errorClass); 
    }, 
    unhighlight: function(element, errorClass) 
    { 
     $(element).closest('div').removeClass(errorClass); 
    } 
});