How to assign an error message when adding css class validation rule

Question

I have added a css class validation rule for jquery validator as follows:

jQuery.validator.addClassRules({
        requiredDatepicker: {
            required: true,
            date: true
        }
    });

However, when doing this I get the default error messages. How can I assign custom error messages when using addClassRules()?

Nick Craver · Accepted Answer · 2010-10-30 17:42:04Z

1

You can't do this generally with the rule set, since class rules are just combinations of basic rules (for example even required is really required: { required: true } underneath) and those have the error messages. To get custom errors you'll have to set them per-element, or use the meta-data plugin to put the rules on the element directly.

answered Oct 30, 2010 at 17:42

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

4 Comments

devlife Over a year ago

How can I set the errors per element if I am using css classes as opposed to id?

Nick Craver Over a year ago

@devlife - check out the metadata/validation demo here: jquery.bassistance.de/validate/demo/… it can be used with data attributes as well.

devlife Over a year ago

I must be missing something. Here is the html for my input: <input class="field datePicker arrivalDate requiredDatePicker departureDate {required:true, date:true, messages:{required:'enter a valid date', date:'enter a valid date'}}"type="text" value="">. However, it is not being validated...

devlife Over a year ago

apparently that's what I was missing =)

Collectives™ on Stack Overflow

How to assign an error message when adding css class validation rule

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related