Jquery Validation validate form-array

Question

How can we validate the below code ? I want validate the input named software_name not be null. how to write the code? the validation rules looks only support single input.

<input name="software_name[]" type="text" class="input_txt_l software-name" value="" />
<input name="software_name[]" type="text" class="input_txt_l software-name" value="" />
<input name="software_name[]" type="text" class="input_txt_l software-name" value="" />
<input name="software_name[]" type="text" class="input_txt_l software-name" value="" />

============================update at 2011/07/26========================

I can't understand your help, I think I explain not clearly.try again.

I use this validation for form validate. http://bassistance.de/jquery-plugins/jquery-plugin-validation/

when we validate single input , we can use this to validate the name element. html code:

<form action="url/saved" method="post" id="server-form">
    Name:<input name="name" type="text" class="input_txt" value=""/>    
</form>

javascript code:

var v = $('#server-form').validate({
        rules:{
            name:{
            required:true,
            minlength:2,
        maxlength:64
            }
        },
        messages:{
            name:{
            required:'can not be null',
            minlength:"too short",
        maxlength:"too long"
            }

        },

        onfocusout: function(element) {
        if ( !this.checkable(element)) {
            this.element(element);
        }
        },

        errorPlacement: function(error, element) {
            $(element).setValidateError({
        errorBox:error
            });
        },

        success: function(element) {
            $(element).setValidateOK();
    }

    });

but when we use form array. like this

<input name="software_name[]" type="text" class="input_txt_l software-name" value="" />

the jquery-validation-plugin looks not support . Am I right?

the only way looks likes @rharshath said ?

$('.software-name').each(function(i, $input) {
    if( $.trim($input.val()) == "" ) {
        // go nuts - alert it, or highlight that field, 
        // or put a tooltip beside it - whatever.
    }
});

we have to hack it by myself ?

JAB · Accepted Answer · 2011-08-06 12:04:21Z

2

Follow the below steps.

1) Open jquery.validate.js file
2) Find checkForm: function() {
3) Replace this function with below code.

checkForm: function() {
    this.prepareForm();
    for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) {
        if (this.findByName( elements[i].name ).length != undefined && this.findByName( elements[i].name ).length > 1) {
            for (var cnt = 0; cnt < this.findByName( elements[i].name ).length; cnt++) {
                    this.check( this.findByName( elements[i].name )[cnt] );
            }
        } else {
            this.check( elements[i] );
        }
    }
    return this.valid();
}

answered Aug 6, 2011 at 12:04

JAB

3,6369 gold badges38 silver badges39 bronze badges

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

2 Comments

9nix00 Over a year ago

this is a good idea.thanks a lot. I found that we can overwrite this method in the instance.

Scott Yu - builds stuff Over a year ago

How did you override this method in instance?

Darm · Accepted Answer · 2011-07-25 12:47:58Z

1

Use: if($('.software-name[value!=""]').length==$('.software-name').length)

answered Jul 25, 2011 at 12:47

Darm

5,6592 gold badges22 silver badges18 bronze badges

Comments

totallyNotLizards · Accepted Answer · 2012-06-25 13:48:22Z

1

I know this is a long dead question but I ran into this issue today and came up with another way around the whole form_field[] problem with jQuery validate.

What I was doing was echoing out multiple form fields using php. jQuery Validate's problem is that the names are the same. So I made the names unique, while still keeping their array behaviour, by adding the array index to the name, like so:

<?php for ($i=0; $i<10; $i++) { ?>
  <input type='text' name='anArray[<?php echo $i;?>]' class='required'/>
<?php } ?>

<script>
    $(function(){
        $('form').validate();
    });
</script>

Now it works like a charm - although advanced rules etc obviously would require another nasty loop or some such but I only need the required part for my case. Hope this helps someone else.

answered Jun 25, 2012 at 13:48

totallyNotLizards

8,5899 gold badges54 silver badges86 bronze badges

2 Comments

Primoz Rome Over a year ago

I followd your suggestion but this doesn't work for me. My form names are like form_price_group[21][price] , of course everyfield has it's own index...

totallyNotLizards Over a year ago

@PrimozRome my use case was only for a 1d array, I never tested or tried to use 2d arrays - sorry I can't help you further. If you find a solution, please feel free to post another answer :)

jrharshath · Accepted Answer · 2011-07-26 04:26:30Z

0

like this:

$('.software-name').each(function(i, $input) {
    if( $.trim($input.val()) == "" ) {
        // go nuts - alert it, or highlight that field, 
        // or put a tooltip beside it - whatever.
    }
});

If you validation plugin does not support what you want then you could either take its source code and modify it to have the feature you want, or you could write a full plugin for yourself (this is in "don't do that" territory).

I will often happen that plugins won't be your solution if what you're doing is something particularly different from what everyone is doing. That is okay, but you'll have to write more code and rely less on plugins.

No Pain No Gain.

edited Jul 26, 2011 at 4:26

answered Jul 25, 2011 at 12:50

jrharshath

26.7k34 gold badges99 silver badges128 bronze badges

Collectives™ on Stack Overflow

Jquery Validation validate form-array

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related