Jquery .on() submit event

jquery ajax forms submit
Anton Abramov picture Anton Abramov · Aug 31, 2013 · Viewed 304k times · Source

I've got a problem with .on(). I have multiple form-elements (forms with class="remember"), also I add another one form.remember using AJAX. So, I want it to handle submit event something like:

$('form.remember').on('submit',function(){...})

but form added with AJAX doesn't work with it.

Where is the problem? Is it a bug?

Answer

Dipesh Parmar picture Dipesh Parmar · Aug 31, 2013

You need to delegate event to the document level

$(document).on('submit','form.remember',function(){
   // code
});

$('form.remember').on('submit' work same as $('form.remember').submit( but when you use $(document).on('submit','form.remember' then it will also work for the DOM added later.

Related questions

jQuery AJAX submit form

I have a form with name orderproductForm and an undefined number of inputs. I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the …

Read More
Submitting a jQuery ajax form with two submit buttons

I have a form that looks like this: <form action="/vote/" method="post" class="vote_form"> <input type="hidden" name="question_id" value="10" /> <input type="image" src="vote_down.png" class="vote_down" name="submit" …

Read More
How do I show a confirmation dialog before submitting a form using the jQuery ajax method?

I am using jquery ajax to delete a customer from a table. How would I show a confirmation box before submitting the form? I would preferably like to use jQuery's dialog. I have seen questions like this before but none …

Read More