Не удается отправить сгенерированную форму

Я хочу отправить форму, которая была создана динамически (по предыдущей форме), используя AJAX, но я не могу заставить ее работать успешно. Сгенерированная форма имеет формат, показанный и успешно создается

<div id="1" class="container-element"> <h3>HEADER</h3> <form id="formCELL" name="form_1" action="refresh.php" method="post"> <div class="panel-body"> <div class="col-xs-10 com">CONTENT GOES HERE</div> <div class="col-xs-2 btn"><button class="btn btn-primary" id="refresh" type="submit">Refresh</button> </div> </div> </form> </div> 

Здесь используются функции, используемые для создания формы, а затем обновления содержимого. Прямо сейчас $('#formCELL').submit(function(event) не вводится при нажатии кнопки обновления.

 $(document).ready(function() { $('#formMAIN').submit(function(event) { //formCELL is generated here through AJAX call..... }); $('#formCELL').submit(function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); }); }); 

Я предполагаю, что проблема связана с тем, что у меня есть функция отправки в $(document).ready , что форма, которую я хочу обновить, еще не создана на данный момент, но я не уверен, как продолжить отсюда.

Пытаться:

 $(document).on('submit', '#formCELL', function(event) { ... }); 

Я создаю jsFiddle для вас: JsFiddle

Я изменяю jsFiddle в соответствии с вашими потребностями. Теперь первая форма сгенерирует вторую форму, обрабатываемую функцией seconf submit

Ты прав. Перенесите второй обработчик отправки в первый, после создания формы, следующим образом:

 $(document).ready(function() { $('#formMAIN').submit(function(event) { $.ajax(....).done(function(result) { //formCELL is generated here ... $('#formCELL').submit(function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); }); } }); }); 

$ (document) .ready (function () {

 $('#formCELL').submit(); $('#formCELL').on('submit', function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); }); 

});

Попробуй это

 $(document).delegate('#formCELL','submit',function(event) { // process the form alert("about to submit"); //AJAX call to go here event.preventDefault(); });