Clear/Remove JavaScript Event Handler

Question

Greetings all - Given the following HTML fragment:

<form id="aspnetForm" onsubmit="alert('On Submit Run!'); return true;">

I need to remove/clear the handler for the onsubmit event and register my own using jQuery or any other flavor of JavaScript usage. Anyone know how to do this?

Thanks - Jordan

Answer 1

With jQuery

$('#aspnetForm').unbind('submit');

And then proceed to add your own.

Answer 2

To do this without any libraries:

document.getElementById("aspnetForm").onsubmit = undefined;

Answer 3

Try this, this is working for me:

$('#aspnetForm').removeAttr('onsubmit').submit(function() {   
    alert("My new submit function justexecuted!"); 
});

See this for more details.