忽略jQuery驗證突出顯示/ unhighlight方法

Question

我想重寫jQuery驗證程序中的突出顯示和unhighlight函數，以執行通常的操作，並向父元素添加不同的類。

基本上我想這樣的：（當我需要幫助的希望基地。部分）

jQuery.validator.setDefaults({ 
     highlight: function(element, errorClass, validClass) { 
      base.highlight(element, errorClass, validClass); 
      element.parents('div.form-group').addClass('has-error'); 
      }, 
     unhighlight: function(element, errorClass, validClass) { 
      base.unhighlight(element, errorClass, validClass); 
      element.parents('div.form-group').removeClass('has-error'); 
      }, 
    }); 

This question在問同樣的事情但是這個問題的答案是行不通的。原來的函數沒有被傳入。也許代碼已經被改變了？

Answer 1

highlight: function(element, errorClass, validClass) { // line 1 
    base.highlight(element, errorClass, validClass); // go to line 1 
    .... 

您不能調用從highlight()和unhighlight()內highlight()和unhighlight()。爲什麼？因爲任何自定義的回調函數都完全取代了插件的內置函數，所以如果上面提出的邏輯起作用，它將無限循環。

我要重寫jQuery中驗證的亮點和unhighlight功能做什麼，他們通常也可以增加不同類的父元素

簡單的默認功能肉從within the plugin複製到你的和修改它們，如你所願。

jQuery.validator.setDefaults({ 
    highlight: function(element, errorClass, validClass) { 
     // default function 
     if (element.type === "radio") { 
      this.findByName(element.name).addClass(errorClass).removeClass(validClass); 
     } else { 
      $(element).addClass(errorClass).removeClass(validClass); 
     } 
     // custom additions 
     element.parents('div.form-group').addClass('has-error'); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
     // default function 
     if (element.type === "radio") { 
      this.findByName(element.name).removeClass(errorClass).addClass(validClass); 
     } else { 
      $(element).removeClass(errorClass).addClass(validClass); 
     } 
     // custom additions 
     element.parents('div.form-group').removeClass('has-error'); 
    }, 
}); 

原有功能不被傳入。也許代碼已經被改變了嗎？

我不知道他們在想什麼或者他們的解決方案曾經工作過。當您爲jQuery Validate插件使用自定義回調函數時，它們完全覆蓋了插件中內置的默認函數。 （這是jQuery插件的用戶可配置的選項是如何工作的？他們在騎/更換內置的默認值。）

所以，簡單地從插件原代碼複製到您的自定義的回調函數，並對其進行修改如所須。