Jquery Validation Plugin addMethod with Localization

Question

I read this into jquery website:

message (Optional) String, Function
The default message to display for this method. Can be a function created by jQuery.validator.format(value). When undefined, an already existing message is used (handy for localization), otherwise the field-specific messages have to be defined.

I have added a method like this:

$.validator.addMethod("postalCode", function(value, element) {
return this.optional(element) || /^[0-9\-]+$/i.test(value);
});

Then, on my localization file I have:

postalCode: jQuery.validator.format("blabla")

However, "blabla" is never assumed.

I've also tried to pass jQuery.format() as a message argument:

$.validator.addMethod("postalCode", function(value, element) {
return this.optional(element) || /^[0-9\-]+$/i.test(value);
}, jQuery.format());

No luck either.

How is this suppose to work?

Thanks a lot, MEM

MEM · Accepted Answer · 2011-12-14 14:48:28Z

1

Something like this:

$.validator.addMethod("postalCode", function(value, element) {
return this.optional(element) || /^[0-9\-]+$/i.test(value);

Should work. If you omit the message, it will get that message from your localization message file.

Great class here. :)

edited Dec 14, 2011 at 14:48

user142162

answered Nov 10, 2010 at 18:57

MEM

31.5k44 gold badges124 silver badges193 bronze badges

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

1 Comment

Hugo Over a year ago

I searched for more complicated way and you have the soluce ... so simple. Thanks.

Igor · Accepted Answer · 2011-12-28 11:02:02Z

In method $.validator.addMethod() the last optional param is a default constant message as text in quots. You have to use jQuery.validator.format("... {0}...{1}...") instead in case the defined handler has parameters:

addMethod("methodName", function(value, element, params){

which can be outputed in error message, replacing the mask "{N}" (here is why function "format" needed for), where N is the number of parameter if there are several of them passed. For i.g. rule "minlength:10" means that the "10" is a value of the third variable in handler func.

If you do not specify a default message, then it can be defined in section "messages":

,messages : {
   someField1 : {methodName:"error message"},
   someField2 : {methodName:$.validator.messages.custom_mess}
}

It is desired to include js code in the following sequence:

"validate" plugin
"addMethod" instructions
"localization" file
your onLoad code with $('#someForm').validate({...})

Aleksandar · Accepted Answer · 2016-09-05 08:42:37Z

If you want e.g. "customPassword" validation.

Make .js files whit locale code on end (messages_en.js, messages_de.js).
Include file depending of chosen app language.
Add translation messages like this:

$.extend( $.validator.messages, {
	customPassword: "One number, small and big letter and min 8 chars.",
	required: "This field is required.",
	remote: "Please fix this field."
});

Then add method whit second parameter "$.validator.messages.customPassword" instead of string message.

jQuery.validator.addMethod("customPassword", function(value, element, params){
    return this.optional(element) || (value.match(/((?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,50})/));
}, $.validator.messages.customPassword);

Collectives™ on Stack Overflow

Jquery Validation Plugin addMethod with Localization

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related