« 東平洲的千層糕
版本號的意思 »

jQuery validation 的 addMethod

jQuery 的 Validation plugins 是很強大的，基本上可以滿足各種需要。剛剛被一個小問題困擾了好一陣子，特此記下。我寫了類似的東西：

PLAIN TEXT
HTML:
  1. <div id=“error” style=“display:none”><ul></ul></div>
  2.  <form id=“form1”>
  3.      <input type=“hidden” name=“fff” id=“fff” value=“” class=“special” />
  4.  </form>

PLAIN TEXT
JavaScript:
  1. $.validator.addMethod(“special”, function(value, element, params){
  2.     //validate….
  3.     return result;
  4.  }, “This is a special checking”);
  5.  
  6.  $(document).ready(function(){
  7.      $(“#form”).validate({
  8.         messages:{ fff: {special: “This is a special checking!”} },
  9.         errorContainer: “#error”,
  10.         errorLabelContainer: “#error ul”,
  11.         wrapper: “li”
  12.      });
  13.  });

結果怎樣也出不到那個自訂的 validation rule，苦苦深研追踪 source code 後才發現，問題在於 addMethod 裏的 method 參數問題，而正確的寫法是：

PLAIN TEXT
JavaScript:
  1. $.validator.addMethod(“special”, function(){
  2.     //validate…
  3.     return result;
  4.  }, “This is a special checking”);

那個 method 的參數數量如果大於 3，plugins 會認為你所加的是有參數的 validation，即在 element class 可能是 {special:abc} 之類，所以當看到 input 裏只是 special 就不會偵測到。

這樣很「正路」吧？但花了不少時間去看才知道。


“jQuery validation 的 addMethod” - 3 個回應

  1. gr Chui-Wen Chiu 說:

    1. 錯字
    寫發 => 寫法

    2. validation 網址連不上

    發表於 27-Mar-08 9:50 am | 永久連結

  2. gr Jacky 說:

    謝更正
    Validation 的網址我連得上啊

    發表於 29-Mar-08 2:12 am | 永久連結

  3. gr 学习笔记 說:

    今天我在一个blog上看到jQuery的这个插件，真的很不错，以前我都是自己一个函数一个函数的写判断啊~

    發表於 04-Jun-08 10:40 am | 永久連結

回覆

*必需
*必需 (不會公開)