jQuery validation: .each with form

Question

If I have a form of about 40 questions, how do I apply the same rules to questions 1-20, and 21-40?

For example:

$("#form_survey").validate({
    rules: {
        a_ +i: {max:12, maxlength:2},
    },
    messages: {
        a_ +i:{
            max: "That's too much!"
        }

    }

Where the "+i" is the ideal increment of +1...

Should be easy, I'm just stuck on syntax...

Justin Ethier · Accepted Answer · 2010-03-16 17:20:43Z

1

You could have them all use the same class: class="question". Then, use the class to create the validation:


$(".question").each(function (i) {
  this.validate({
      rules: {
          a_ +i: {max:12, maxlength:2},
      },
      messages: {
          a_ +i:{
              max: "That's too much!"
          }
      } 
  }
});

edited Mar 16, 2010 at 17:20

answered Mar 16, 2010 at 2:24

Justin Ethier

135k53 gold badges235 silver badges290 bronze badges

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

4 Comments

Kevin Brown Over a year ago

I have to pass rules to the field, right? It doesn't automatically apply validation rules to these classes... Maybe you could explain a bit more?

Justin Ethier Over a year ago

Hmm... I was hoping that this would apply them to all of the fields using the target class. But if that is not the case then another method would be required. Maybe you could still use the class to iterate over the fields with each, and then call into your code for each object?

Kevin Brown Over a year ago

That's what I'm going for, I think. If you could help with the code, I'd be thrilled!

Kevin Brown Over a year ago

This looks closer, but this throws an error: "Missing : after property id"

Kevin Brown · Accepted Answer · 2010-03-16 17:57:20Z

0

This solves my problem:

$('.text-input').addClass('hours');
jQuery.validator.addClassRules("hours", {
  required: true,
  minlength: 2
});

answered Mar 16, 2010 at 17:57

Kevin Brown

12.7k34 gold badges100 silver badges156 bronze badges

Collectives™ on Stack Overflow

jQuery validation: .each with form

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related