ループ内のデータ属性に基づくjQuery検証ルールの追加

Question

属性に基づいてルールを追加しようとしているjQuery validationプラグインを使用しています。私はdata-minlengthまたはdata-maxlengthに基づいて最小/最大長ルールを追加しています。ここではいくつかのサンプルHTMLです：

<form> 
    <input name="input1" data-maxlength="5" data-minlength="3" required> 
    <input name="input2" data-maxlength="5" required> 
    <input name="input3" data-minlength="3" required> 
    <button>Submit</button> 
</form> 

私はルールを追加するためにこれをやっているが、それがうまく働いています：

$('input[data-minlength]').each(function(){ 
    if ($(this).data('minlength')) { 
     $(this).rules("add", { 
      minlength: $(this).data('minlength') 
     }); 
    } 
}); 

$('input[data-maxlength]').each(function(){ 
    if ($(this).data('maxlength')) { 
     $(this).rules("add", { 
      maxlength: $(this).data('maxlength') 
     }); 
    } 
}); 

しかし、私はそれを短くしたかったので、私はこれを試してみましたが、それが働いていません。

['minlength', 'maxlength'].forEach(function(item){ 
    $('input[data-'+item+']').each(function(){ 
     if ($(this).data(item)) { 
      // alert(item) shows the correct rule name 
      $(this).rules("add", { 
       // Next line fails, but hardcoding a rule name works 
       item: $(this).data(item) 
      }); 
     } 
    }); 
}); 

$.validator.methods[method]は未定義です。 alert(item)がルール名が正しいと私に伝えても、何とか間違ったメソッド名が渡されてしまいます。

誰もが何らかの理由でアイデアを持っているのでしょうか、上記の反復作業コードを短くするために私が使用できる代替ソリューションがありますか？

デモ：http://jsfiddle.net/kaVKe/1/

Answer 1

itemという新しいプロパティでオブジェクトリテラルを作成しているため、機能しません。

これはどうですか？

['minlength', 'maxlength'].forEach(function(item){ 
    $('input[data-'+item+']').each(function(){ 
     if ($(this).data(item)) { 
      // alert(item) shows the correct rule name 
      var options = {}; 
      options[item] = $(this).data(item); 

      $(this).rules("add", options); 
     } 
    }); 
}); 

これはオプションオブジェクトを作成し、必要なプロパティを追加します。

Answer 2

なぜあなたは単に行わない

$('input').each(function(){ 
    var max = $(this).data('maxlength'); 
    var min = $(this).data('minlength') 
    if (min) { 
     $(this).rules("add", { 
      minlength: min 
     }); 
    } 
    if (max) { 
     $(this).rules("add", { 
      maxlength: max 
     }); 
    } 
}); 

フィドルここhttp://jsfiddle.net/kaVKe/2/ はあなたのコードを使用すると、プロパティ名

のための変数を使用することはできませんので、私は考えては動作しません。

// Next line fails, item is always interpreted as item, not as maxlength/minlength 
item: $(this).data(item) 

Answer 3

試してみてください。この問題を回避するための

{ 
    item: ... // <-- this one 
}