JQueryValidation adding dynamic validation rules based on html attribute

Question

I have a series of inputs on my page with the same css class. I would like to add jqueryvalidation rules to them based on an attribute that I have set on their parent object. The rules get added fine but the max value that I am setting is wrong. Here is the .js

$('.countable input').each(function() {
    var input = $(this);
    var parent = input.closest('.countable');
    var dataMax = parseInt(parent.attr('data-max'));
    input.rules("add", {
        number: true,
        min: 0,
        max: dataMax,
        messages: {
            number: "Must be a number",
            max: "Must be less than or equal to " + dataMax
        }
    });
});

The problem I have is that every input that is assigned a max value ends up getting the max value of 6, which happens to be the last input that is assigned by this each function. If I step through the each, I can see that dataMax has the correct value when it is assigned, but every input gets the same data max assigned to it. Is there another way to do this?

You need to show some sample HTML markup. Does each input element contain a unique name attribute? — Sparky
– Sparky, Commented Mar 4, 2014 at 16:26
@Sparky, that was the problem, thanks! If you submit an answer I will mark it as correct. — ferics2
– ferics2, Commented Mar 4, 2014 at 16:30
Will do. Please add some sample HTML markup to your OP so that my answer makes more sense. — Sparky
– Sparky, Commented Mar 4, 2014 at 16:35

Sparky · Accepted Answer · 2014-03-04 16:34:28Z

1

Every input element considered for validation must contain a unique name attribute. This is the way the plugin keeps track of the inputs.

answered Mar 4, 2014 at 16:34

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

Collectives™ on Stack Overflow

JQueryValidation adding dynamic validation rules based on html attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related