Can i use a function name in my jquery plugin parameters?

Question

I am creating a form validation plugin for jQuery and would like it to call a function once the form has been successfully validated. The plugin will have a default callback function, but I would like to modify this through the options parameter. Unfortunately what i have (below) does not work. Any ideas?

(function($){
    $.fn.extend({
        validify : function(options) {
            var defaults = {
                callback: "callbackFunc",
            };

            var options = $.extend(defaults,options);

            return this.each(function(){
                //validation code here
                //if valid call the function
                if(errors==0){
                    options.callback;
                }


            function callBackFunc(){
                // the default callback function
            }

            ...

Paolo Bergantino · Accepted Answer · 2009-06-12 06:17:12Z

6

Remove the quotes and you're golden.

This will pass a function reference. You can then call it by doing options.callback();

You will also need to declare the function before you pass the reference along. You could get around this by doing this instead:

callback: function() { callbackFunc(); }

edited Jun 12, 2009 at 6:17

answered Jun 12, 2009 at 5:56

Paolo Bergantino

490k83 gold badges523 silver badges437 bronze badges

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

2 Comments

Neil Mills Over a year ago

If i remove the quotes i get a js error: callbackFunc is not defined [Break on this error] callback: callbackFunc

joshng Over a year ago

you need to define the function ABOVE the place where you reference it

joshng · Accepted Answer · 2009-06-12 06:17:12Z

1

Pass the function itself, rather than its name (ie, remove the quotes):

(function($){
    function callBackFunc(){
      // the default callback function
    }

    $.fn.extend({
        validify : function(options) {
            var defaults = {
                callback: callbackFunc // IMPORTANT: remove quotes AND trailing comma
            };

            var options = $.extend(defaults,options);

            return this.each(function(){
                //validation code here
                //if valid call the function
                if(errors==0){
                    options.callback();  // note parentheses
                }

            ...

edited Jun 12, 2009 at 6:17

answered Jun 12, 2009 at 5:57

joshng

1,5401 gold badge14 silver badges16 bronze badges

Collectives™ on Stack Overflow

Can i use a function name in my jquery plugin parameters?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related