如何验证数组输入 Jquery 的数组？

Answer 1

<form id="transport-form">
  <div class="form-group">
    <label>Room1</label>
    <input type="text" name="child[0]" value="2">
    <input type="text" name="age[0][]" class="age-input">
    <input type="text" name="age[0][]" class="age-input">
  </div>
  <div class="form-group">
    <label>Room2</label>
    <input type="text" name="child[1]" value="2">
    <input type="text" name="age[1][]" class="age-input">
    <input type="text" name="age[1][]" class="age-input">
  </div>
  <input type="submit" value="submit">
</form>

jQuery

$(document).ready(function() {
    $.validator.addMethod("ageRange", function(value, element) {
        var age = parseInt(value, 10);
        return age >= 1 && age <= 12;
    }, "Age must be between 1 and 12.");

    var rules = {};
    $(".age-input").each(function() {
        var name = $(this).attr("name");
        rules[name] = {
            required: true,
            ageRange: true
        };
    });

    $("#transport-form").validate({
        rules: rules,
        messages: {
            'age[0][]': {
                required: "Please enter an age for Room 1.",
                ageRange: "Age must be between 1 and 12 for Room 1."
            },
            'age[1][]': {
                required: "Please enter an age for Room 2.",
                ageRange: "Age must be between 1 and 12 for Room 2."
            }
        }
    });
});