ansaurus

Question

Is is possible to bind a submit() function before any existing onsubmit/submit?

Answer 1

+3 A:

Take the existing submit handler and store it in a variable.

Then in your new handler, call that function that you stored from the previous submit handler, and re-assign your new one to the listener.

Example:

  jQuery(function($) {

    $('form').submit(function() {
         var first = this.onsubmit;
         //...
         first.call( this );
    });
  });

...or something like that. :=)

Jacob Relkin 2010-01-12 20:29:59

`unbind` will not work to remove the inline `onsubmit` event handler, and the `Function` constructor approach could don't work on some browsers since it relies on the `Function.prototype.toString` method, (to pass the `functionBody` argument as a String) that method is implementation-dependent, I think is safer to use references and avoid the *evaling* done by the `Function` constructor

CMS 2010-01-12 20:48:46

I confirm, unbind doesn't work.

Simone Carletti 2010-01-12 20:57:43

Answer 2

+5 A:

The inline submit event fires first, you could get a reference to it, nullify the onsubmit attribute on the form element, and then bind your new submit event, this one will execute your old submit handler:

  jQuery(function($) {
    var form = $('form'), oldSubmit = form[0].onsubmit;
    form[0].onsubmit = null;

    $('form').submit(function() {
      alert("First");
      oldSubmit.call(this); // preserve the context
    });
  });

Note that I use the call method to invoke your old submit handler, this is to preserve the this keyword inside that function, it will be the form element itself.

If your original onsubmit handler has some validation behavior, you can get its return value by var ret = oldSubmit.call(this);

Check the above example here.

CMS 2010-01-12 20:39:53

This solution works great. I forgot to mention, other plugins might already have binded other events to the same form. Is it possible bind the event before any onsubmit/binded event? I tried to use unbind/bind (also reading the implementation of the clone function) but I couldn't get a reasonable solution.

Simone Carletti 2010-01-12 21:51:32

You may try the die() function since many plugins use live() to capture the submit event! http://api.jquery.com/live/

Joe 2010-03-03 11:46:25

Answer 3

A:

I think this is a better way if it works which it should because the OP has accepted it.

Ismail 2010-07-29 12:24:47

ansaurus

tags:

views:

answers:

Is is possible to bind a submit() function before any existing onsubmit/submit?

related questions