Question

I have a button in ASP.NET, that renders to HTML as such:

<input id="btn" type="submit" value="clickme">

If I then add the jquery:

$('#btn').click(function(){return false;});

Every time the button is clicked, nothing will happen (i.e. no postback).
This is fine.

Is there any way in Javascript I can programatically invoke the click (which will cause a postback) whilst also disregarding the jquery-attached, return false function?

Answer 1

You can have the event handler accept additional arguments. When triggering the handler with .trigger you can specify values for these arguments, which will let the handler modify its behavior accordingly.

For example:

$("#btn").click(function(event, submitForm) {
    submitForm = submitForm || false;
    if (!submitForm) return false;
});

// This will not submit the form
$("#btn").trigger("click");

// But this will
$("#btn").trigger("click", true);