Validating length of array inputs using jquery validation

Question

At first, i have searched many but no article solved my problem.

This article make me know that using quote to validate array inputs.

My problem is how to validating length of array inputs. For more detail, plz read more bellow

In my HTML:

<form id="demo-form">
    <input type="text" name="product[]" id="p1">
    <input type="text" name="product[]" id="p2">
    <input type="text" name="product[]" id="p3">
    <input type="text" name="product[]" id="p4">
    <input type="submit value="submit">
</form>

This requires user has to enter at lease 2 products

Script

jQuery("#demo-form").validate({
    rules: {
        'product[]': {
            required: true,
            minlength: 2 //this only use to validate length of string inputed, not length of array products
        }
    },
});

How to validate length of array products?

Thanks

Sparky · Accepted Answer · 2016-02-02 05:53:48Z

1

Every text input must have unique name in order for this plugin to operate properly. Use product[0], product[1], product[2], etc.
Use the require_from_group method to make sure at least two fields get filled out.
Use the groups option to lump the four identical error messages into one.

Example:

jQuery("#demo-form").validate({
    // other rules & options
    groups: {
        myproducts: "product[0] product[1] product[2] product[3]"
    }
});

// assign the rule to all field names that start with 'product'
jQuery('[name^="product"]').each(function() {
    jQuery(this).rules('add', {
        require_from_group: [2, jQuery('[name^="product"]')]
    });
});

DEMO: http://jsfiddle.net/s960pyr0/

answered Feb 2, 2016 at 5:53

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jonny Vu Over a year ago

Seem jquery.validation not supports array input much! Btw, your solutions resolved my problem. Thanks

Collectives™ on Stack Overflow

Validating length of array inputs using jquery validation

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related