jQuery - невозможно отправить динамически созданную форму

Question

У меня возникли проблемы с созданием динамически созданной формы. Я пробовал много методов, но форма не отправляется. Вот несколько методов, которые я пробовал.

В этом коде tosubmit на самом деле строка json, созданная с использованием JSON.stringify. Я также не получаю никакой ошибки, когда я отлаживаю это, используя Opera Dragonfly. Я вижу, что форма правильно добавлена ​​в DOM.

Метод 1

var frmstr = '<form id="tbl_tmpfrm" method="post" action="/test.php">'; 
frmstr +='<input type="hidden" name="submit" value="true"/><input type="hidden" name="data" value=""/></form>'; 
$('body').append(frmstr); 
$('#tbl_tmpfrm').find('input[name="data"]').val(tosubmit); 
$('#tbl_tmpfrm').submit(); 

Метод 2

var frmstr = '<form id="tbl_tmpfrm" method="post" action="/test.php">'; 
frmstr +='<input type="hidden" name="submit" value="true"/><input type="hidden" name="data" value="'+tosubmit+'"/></form>'; 
$('body').append(frmstr).submit(); 

Я могу успешно представить tosubmit и проверки на стороне сервера, когда я использую ajax. Но я хочу нормальную фиксацию. Что я делаю не так?

Пожалуйста, помогите. Благодарю.

Answer 1

Не используйте имя submit для скрытого поля.

<input type="hidden" name="submit" value="true"/> 

Вы не можете использовать submit() в форме, если у вас есть элемент ввода с этим именем.

Answer 2

Для динамически добавляемых элементов, используйте эту форму

$(document).on('submit','#tbl_tmpfrm',function(){}) 

EDIT: Это было не то, что требовалось точно. Попробуйте добавить форму в качестве объекта не струнного

var frmstr = $('<form id="tbl_tmpfrm" method="post" action="/test.php"></form>'); 
$(document).append(frmstr); 
frmstr.append('<input type="hidden" name="submit" value="true"/><input type="hidden" name="data" value="'+tosubmit+'"/>'); 
frmstr.submit(); 

Кроме того, как это было предложено Роландом, не использовать имя представляет для скрытого поля

Answer 3

вам нужно использовать «на»; попробуйте этот код здесь:

$("#tbl_tmpfrm").on("submit", function() { 

});