Using on() to trigger a form submit

Question

I am trying to bind this submit event from a form which not always be in Dom, so I trying with .on() :

$('body').on("form","submit", function(e){})

but firebug logs:

$("body").on is not a function
[Parar en este error]

$('body').on("form","submit", function(e){

tried also

$(document).on("form","submit", function(e){})

Answer 1

If you are upgrading to jQuery 1.7, you can use on() by applying form as a selector, like:

$('body').on("submit", "form", function(e){

Which will bind the submit event to body , but filtering it to form which works the same way as the delegate example below.

If you are using 1.4.2 or newer, you can use delegate() like this:

$('body').delegate("form", "submit", function(e){

Answer 2

You have to select the form and use on to bind the event listener.

$( "form" ).on( "submit", function(e){} );

You also need jQuery version 1.7 or higher to use on .