Jquery Validation validate form-array with index [duplicate]

Question

I need to validate the floor fields that mention below.

<form id="test_form" >
<input name="floor[abc]" type="text" class="input_txt_l " value="" />
<input name="floor[cde]" type="text" class="input_txt_l " value="" />
</form>

I tried with jquery validator plug-in.

jQuery("#test_form").validate({
    rules: {
    'floor[]':{
        required:true
    }},
messages: {
        'floor[]':{
            required:"floor is required."
            }
     }
    });

In here validation is not working. but if the floor has no index , It works well. If someone have idea to fix this issue please help me.

try changing name=floor[] on both the input fields. What you might want is do have same validation for all the floor. — Anshul Nigam
– Anshul Nigam, Commented Dec 9, 2014 at 8:48
@axel.michel I have looked this. but with floor[index] it doesn't work. — KTAnj
– KTAnj, Commented Dec 9, 2014 at 9:10
@Anshul Nigam It can't change as floor[], Need index for floor — KTAnj
– KTAnj, Commented Dec 9, 2014 at 9:11

axel.michel · Accepted Answer · 2014-12-09 09:24:29Z

4

There are different ways to solve your problem:

Either you use addClassRules:

// using the class name instead of field name
jQuery.validator.addClassRules("input_txt_l", {
    required: true       
});

Or you handle each field separately, because in fact they are named different:

jQuery("#test_form").validate({
    rules: {
        'floor[abc]':{
            required:true
        },
        'floor[cde]':{
            required:true
        },
    }
});

Or you rename your fields:

HTML:

<input name="floor[][abc]" type="text" class="input_txt_l " value="" />
<input name="floor[][cde]" type="text" class="input_txt_l " value="" />

JavaScript:

jQuery("#test_form").validate({
    rules: {
    'floor[]':{
        required:true
    }},
});

fiddle is here.

edited Dec 9, 2014 at 9:24

answered Dec 9, 2014 at 9:17

axel.michel

5,8741 gold badge18 silver badges25 bronze badges

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

3 Comments

Bugfixer Over a year ago

what if only one is mandatory ??

axel.michel Over a year ago

@Bugfixer I am not sure if I get your question correctly, but in case you have just one exception you could go for something like floor[]:{required:false} and the specific field floor['fieldname']:{required:true}

Abaij Over a year ago

I tried this and still not working. But then I figured out that I missed the quote for input field names and it works now. Thanks for this

Collectives™ on Stack Overflow

Jquery Validation validate form-array with index [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related