1

3 人の異なるメンバーの姓名である同じフィールドが 3 セットあります。そして、フォームの送信時にフィールドを検証しようとしています。そして、正常に動作している検証コードを添付しています。

私の質問は、フィールドごとにコードを書いているため、検証コードが手動のように見えることです。1 行のコードを記述して、同じタイプのテキスト フィールドを異なる名前属性で検証する方法はありますか?

たとえば、私のodeで firstname1, firstname2, firstname3,firstname4, firstname5 には同じタイプの検証があるため、これらのフィールドの検証コードを5行ではなく短い行で記述したいと考えています。

$().ready(function() {
    $("#signupForm").validate({
        rules: {
            firstname1: "required",
            firstname2: "required",
            firstname3: "required",
            lastname1: "required",
            lastname2: "required",
            lastname3: "required",

        },        
        messages: {
            firstname1: "Please enter your firstname",
            firstname2: "Please enter your firstname",
            firstname3: "Please enter your firstname",
            lastname1: "Please enter your lastname",
            lastname2: "Please enter your lastname",
            lastname3: "Please enter your lastname",

        }
    });
});

デモはこちら

4

1 に答える 1

2

これを試してください：-

$(document).ready(function(){
    $("#signupForm").validate();
    $("input[name^=firstname]").each(function() {
        $(this).rules("add", {
            required: true,
            messages: {
            required: "Please enter your firstname"
            }
          });
    });
    $("input[name^=lastname]").each(function() {
        $(this).rules("add", {
            required: true,
            messages: {
            required: "Please enter your lastname"
            }
          });
    });
});

ワーキングフィドル： - http://jsfiddle.net/rw9ns/34/

于 2013-08-27T06:41:02.357 に答える