値の配列に基づいてフォームを検証する方法

Question

値の配列に基づいてフォームを検証する最も簡単な方法を探しています（シリアル番号なので、このような配列があります：abc123、xyz456 、fghqweなど）変数

いくつかのjQuery/Bootstrapバリデータプラグインを調べましたが、それを思いつきませんでした。

だから、配列内のフィールド場合は、動的にチェックするコード=項目のいずれかの私はワードプレスを使用してい

、その後の成功は+

に関して、 クレイグ

Answer 1

こんにちはクレイグ、あなたがしたい場合をブートストラップ必要に応じて入力を検証する Jqueryの検証では、カスタムメソッドのサポートが提供されています。

あなたが好き

$.validator.addMethod("custom_function_name", function(value, element, param){ 

の下にカスタムメソッドを作成し、

あなたは以下のようなカスタム検証機能を使用することができますあなたの場合は

rules : { 
    property_name : custom_function_name 
} 

以下のような検証方法のルールの一部からそれを呼び出すことができます（サンプルコード）

HTML：

<form id="testForm"> 
    <input type="text" name="firstName"/> 
    <input type="text" name="lastName"/> 
    <input type="submit"> 
</form> 

はJQuery：

$("#testForm").validate({ 
    rules : { 
    firstName : { required : true, 
        presentInList : true 
    }, 
    lastName : { required : true, 
        presentInList : true 
    } 
    }, 

    message : { 
    firstName : { required : "Please enter" 
    }, 
    lastName : { required : "Please enter" 
    } 
    }, 

    submitHandler: function (form) { 
     console.log("Ok"); 
    } 
}); 


var yourList = ["praksh", "Abhi"] 

$.validator.addMethod("presentInList", function(value, element, param){ 
    if($.inArray(value, yourList) != -1) { 
     return true; 
    } else { 
     return false; 
    } 
}, "not in list"); 

デモ：https://jsfiddle.net/Prakash_Thete/cncLa71b/