jQuery Validation plugin custom method. Multiple parameters

Question

I'm trying to use a custom validator with jQuery Validation plugin. However, I'm unsure how are you supposed to pass multiple arguments to a validation method? I've tried using (2,3), curly braces and combinations, but I have failed.

This is the code - ???? marks the area I need info about:

$(document).ready(function() {
        jQuery.validator.addMethod("math", function(value, element, params) {
            return this.optional(element) || value == params[0] + params[1];
        }, jQuery.format("Please enter the correct value for {0} + {1}"));

        $("#form_register").validate({
            debug: true,
            rules: {
                inputEl: { required: true, math: ???? }
            },
            messages: {
                inputEl: { required: "Required", math: "Incorrect result" }
            }
        });
});

jantimon · Accepted Answer · 2009-09-02 10:17:31Z

46

Javascript arrays:

[value1,value2,value3]

SO your code might be:

inputEl: { required: true, math: [2, 3 ,4 , 5] }

answered Sep 2, 2009 at 10:17

jantimon

38.5k23 gold badges127 silver badges195 bronze badges

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

Comments

Ben Foster · Accepted Answer · 2013-02-19 14:09:53Z

26

You can also pass a normal JavaScript object as a parameter which I personally find easier to work with:

jQuery.validator.addMethod("myRule", function (value, element, options) {
    return value === options.data;
}, "My Rule says no!");

$("#input").rules("add", { myRule: { data: "foo" } });

answered Feb 19, 2013 at 14:09

Ben Foster

34.9k42 gold badges181 silver badges290 bronze badges

1 Comment

Grengas Over a year ago

One drawback of this is that then you cannot use parameterized error messages. This plugin automatically formats error message with given value or parameters, so you can have error message "Please select more than {0} items" and it will automatically replace "{0}" with input's value (of with first parameter). So if parameter is an object, it won't work. And having multiple parameters you can have more user friendly error messages, for example in range situation, where params[0] could be lower range value nad params[1] upper range value.

Collectives™ on Stack Overflow

jQuery Validation plugin custom method. Multiple parameters

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related