Я хочу отправить форму, которая была создана динамически (по предыдущей форме), используя 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(); });