JQuery: name of a function as a callback instead of the actual function

[nikos101]

Can you give the name of a function as a callback instead of the actual function in JQuery

ie

function doWhatever($e) {
     $e.preventDefault();

    if ($('#amount').val() == '' ) {
        alert("Please enter an amount");
        return;
    }
    if ($('#amount').val().match(/[^0-9\.]/g)) {
         alert("Your amount contains invalid characters");
        return;
    }
    if ($('#amount').val().match(/.*\..*\..*/)) {
        alert("Only 1 decimal point allowed");
        return;
    }
/*    if ($('#amount').val().match(/^[0]+$/)|| $('#amount').val().match(/^([0]+)?.([0]+)?$/)  ) {
        alert("Your number cannot equal zero");
        return;
    }*/


    $('#value').attr("value", ($('#amount').val() * $('#cur2').val()/$('#cur1').val()).toFixed(2));
    }

$(document).ready(function () {
    $('#submit').click(
doWhatever($e)
)
    
    

});

[seco]

$(document).ready(function () {
    $("#submit").click(function(){
	  doWhatever($e);
	  });
});

[Fumigator]

I see this a lot, where the function is assigned to a variable and the variable is then used as the callback:

PHP Code:

var whateverFunction = function ($e) {
     $e.preventDefault();

    if ($('#amount').val() == '' ) {
        alert("Please enter an amount");
        return;
    }
    if ($('#amount').val().match(/[^0-9.]/g)) {
         alert("Your amount contains invalid characters");
        return;
    }
    if ($('#amount').val().match(/.*..*..*/)) {
        alert("Only 1 decimal point allowed");
        return;
    }

    $('#value').attr("value", ($('#amount').val() * $('#cur2').val()/$('#cur1').val()).toFixed(2));
    }

$(document).ready(function () {
    $('#submit').click(whateverFunction)
}); 


[nikos101]

I don't like hacks but this is the best there is

thx

[rnd me]

you were almost there in your first post, just omit the parens so that you pass click the function instead of the result of executing the function...

$(document).ready(function () {
    $('#submit').click(doWhatever);
});

it's not a hack at all, in fact it's a good practice to name all your functions.

[seco]

if you want to use more than one function on click use the one i posted.

[nikos101]

Originally Posted by rnd me

you were almost there in your first post, just omit the parens so that you pass click the function instead of the result of executing the function...

$(document).ready(function () {
    $('#submit').click(doWhatever);
});

it's not a hack at all, in fact it's a good practice to name all your functions.

ULTRA cool, its the same as FLEX