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){})

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){})

• javascript
• jquery
• jquery-events

Share Improve this question Follow edited Oct 27, 2019 at 16:30 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Mar 11, 2012 at 19:02 Toni Michel CaubetToni Michel Caubet 20.2k5858 gold badges218218 silver badges388388 bronze badges 4

• 3 Are you using jQuery 1.7 or newer? Is jQuery loaded when you run that code? You need to swap form and submit around as well. – Niklas Commented Mar 11, 2012 at 19:05
• You are probably using an old version of jQuery and you also need to change the order of the selector and the event. – Bruno Silva Commented Mar 11, 2012 at 19:06
• omg! that is it! i am using <1.7... thanks! – Toni Michel Caubet Commented Mar 11, 2012 at 19:07
• @ToniMichelCaubet If you are not interested in upgrading, and you are using 1.4.2 or newer, api.jquery./delegate might be right for you – Niklas Commented Mar 11, 2012 at 19:08

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

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){

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.