jquery - 多个字段的相同验证

Question

我有 3 组相同的字段，它们是 3 个不同成员的名字和姓氏。我正在尝试验证提交表单的字段。我附上了运行良好的验证代码。

我的问题是，我的验证代码现在看起来很手动，因为我正在为每个字段编写代码。有没有办法编写单行代码来验证具有不同名称属性的相同类型的文本字段？

例如，在我的 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",

        }
    });
});

在这里演示

Answer 1

请试试这个： -

$(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/