定义全局变量-jquery.validate不起作用

Question

I am trying get the value of global variable in jquery validation plugin.

var typedWords = 1;
jQuery.validator.addMethod("wordCount",
       function(value, element, params) {
                 typedWords = jQuery.trim(value).split(' ').length;
                 console.log(typedWords);
                 if (typedWords >= params[0] && typedWords <= params[1]) {
                     return true;
                  }
               },
               jQuery.format("Only {0} to {1} words allowed. You have entered " + typedWords + " words.")
            );

however the value of typedWords in jQuery.format("Only {0} to {1} words allowed. You have entered " + typedWords + " words.") is always undifined .

How am i suppose to get the value of typedWords = jQuery.trim(value).split(' ').length; ?

Thanks.

Answer 1

Looking at the console errors, it's telling me that $.format from jquery.validate.js has been deprecated. So simply change $.format into $.validator.format , or in your case...

jQuery.validator.format("Only {0} to {1} words allowed. You have entered " + typedWords + " words.")

( Wrapping the custom message within $.validator.format() is no longer needed at all, as leaving it out entirely make no difference. )

It works now, except the typedWords variable will never be updated beyond the 1 you've defined globally. That's because once you've initialized the custom method, the only pieces of the custom message that can dynamically change are the parameters at {0} and {1} .

DEMO: http://jsfiddle.net/JRgN7/

However, if you assign typedWords to another parameter called params[2] , you can use {2} within the message and it correctly updates itself.

var typedWords = 1;
jQuery.validator.addMethod("wordCount", function (value, element, params) {
    typedWords = jQuery.trim(value).split(' ').length;
    params[2] = typedWords;
    console.log(typedWords);
    if (typedWords >= params[0] && typedWords <= params[1]) {
        return true;
    }
},
jQuery.validator.format("Only {0} to {1} words allowed. You have entered {2} words."));

DEMO: http://jsfiddle.net/JRgN7/1/

Now we can just use params[2] and eliminate the global typedWords variable entirely. Also, it's not necessary to put the custom message inside jQuery.validator.format() anymore.

jQuery.validator.addMethod("wordCount", function (value, element, params) {
    params[2] = jQuery.trim(value).split(' ').length;
    if (params[2] >= params[0] && params[2] <= params[1]) {
        return true;
    }
},
"Only {0} to {1} words allowed. You have entered {2} words.");

FINAL Working DEMO: http://jsfiddle.net/JRgN7/3/