jquery validation plugin inline custom rule

Question

I created a custom rule

$(document).ready(function(){
    $("#test-form").validate({
            rules: { 
                test1:{
                    required: true,
                    minlength: 2
                } 
            },
            messages:  {
                test1:{
                    required: "required",
                minlength: "min 2"                      
                }
            }
        });
    // don't really process form
    $("#test-form").submit(function() { return false; });

and I have this HTML code

<input type="text" class="test1"/>

however it doesn't work

if I change to predefined rule , it works

<input type="text" class="number"/>

Validate() uses the name= attribute from your input, but you don't have one. Add a name="test1" attribute. — Sparky
– Sparky, Commented Oct 31, 2012 at 15:00

Rory McCrossan · Accepted Answer · 2012-05-22 21:01:05Z

1

The keys in rules should match the name parameter of the field. Try this:

<input type="text" name="test1" />

Also, you can use debug: true in the options of validate to prevent the form submission while you're testing, instead of returning false from the form submit.

answered May 22, 2012 at 21:01

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Richard Scarrott · Accepted Answer · 2012-05-22 23:06:51Z

1

Rory is right, the rules and messages key should match the 'name' attribute however it looks although you're attempting to create a custom rule which can be added declaratively via a class name?

I think you're therefore looking for the .addMethod() function which can be used like this:

jQuery.validator.addMethod("alphanumeric", function(value, element) {
    return this.optional(element) || /^\w+$/i.test(value);
}, "Letters, numbers, and underscores only please");

Which will automatically get picked up via a class name like this:

<input type="text" class="alphanumeric" />

answered May 22, 2012 at 23:06

Richard Scarrott

7,0932 gold badges37 silver badges49 bronze badges

Collectives™ on Stack Overflow

jquery validation plugin inline custom rule

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related