jQuery Validate setDefaults for input type

Question

I'm using the jQuery Validation library to validate forms on on my site before submitting them. I'd like to use one validate() function for all my forms which works great with just adding the required attribute to form inputs. But I've run into a snag.

I want to use validation methods from the additional-methods.js library to validate phone numbers and other special inputs. In my validate() function I would just add the following.

$('form').validate({
    rules: {
        user_phone: {
           phoneUS: true,
        },
    },
});

But that only works on inputs with the name='user_phone'. I have forms with more than one phone input. Is there a way to use the phoneUS validation method on all inputs with type='tel'?

Thanks in advance to anyone who offers any insight on this.

Edit

I'm looking for something like this...

$.validator.setDefaults({ 
   rules: {
      'type=tel': {
         phoneUS: true,
      },
   },    
});

Sparky · Accepted Answer · 2015-02-18 18:22:26Z

1

No, you cannot declare rules within .validate() or .setDefaults() by anything other than one name at a time.

Is there a way to use the phoneUS validation method on all inputs with type='tel'?

Yes, with the .rules('add') method, you can use any jQuery selector and target multiple input elements at once.

$('input[type="tel"]').each(function() {
    $(this).rules('add', {
        phoneUS: true,
        // other rules
    });
});

You must still have a unique name on each input element.
You must use a jQuery .each() when the selector contains multiple elements.
You must still use the .validate() method to initialize the plugin on your form.

DEMO: http://jsfiddle.net/fqss7uy3/

edited Feb 18, 2015 at 18:22

answered Feb 18, 2015 at 18:15

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

1 Comment

Craig Harshbarger Over a year ago

Ahhh that's perfect. Thanks Sparky!

Collectives™ on Stack Overflow

jQuery Validate setDefaults for input type

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related