配列内の値を使用したjQuery検証

Question

私は単純なフォームを持ち、カスタムjQuery検証ルールを追加したいと考えています。私は、テキストフィールド（ボーナスコード）に可能な限りの値しか持たないことを望みます。私はそれらの値の配列が必要だと思うが、多くのjavascriptを知らないので、私はここで間違っているのか分からない。

jQuery.validator.addMethod("equals", function(value, element, param) { 
    return this.optional(element) || value == param; 
}, jQuery.format("")); 

$(document).ready(function(){ 
    $("#form").validate({ 
     debug: false, 
     rules: { 
      bonuscode: {equals: ["code1", "code2"]} 
     }, 
     messages: { 
      bonuscode: "That's not a Bonus Code!", 
     }, 
    }); 
}); 

Answer 1

javascript配列にボーナス値を持つことは良い解決策ではありません。サーバーにajaxリクエストを行い、ボーナス値を確認することができます。ここにサンプルコードがあります。

あなたは、これは実際にあなたのユースケースであると仮定すると、bounusをチェックするために、検証プラグインで

$("#form").validate({ 
    debug: false, 
    rules: { 
    bonuscode: { 
     required: true, 
     remote: { 
     url: "check-bonus.php", 
     type: "post", 
     data: { 
      bonuscode: function() { 
      return $("#bonuscode").val(); 
      } 
     } 
     } 
    } 
    } 
}); 

Answer 2

をリモートオプションを使用することができ、@jemsは、サーバー側でこの種のものを確認してくださいと言ってではおそらく正しいですコード。ただし、カスタムルールは遠くではありません。

jQuery.validator.addMethod("equals", function(value, element, param) { 
    return this.optional(element) || $.inArray(value, param) >= 0; // <-- Check if the value is in the array. 
}, jQuery.format("")); 

$(document).ready(function() { 
    $("#form").validate({ 
     debug: false, 
     rules: { 
      bonuscode: { 
       equals: ["code1", "code2"] 
      } 
     }, 
     messages: { 
      bonuscode: "That's not a Bonus Code!", 
     }, 
    }); 
}); 

例：http://jsfiddle.net/AApJx/