无法提交生成的表单

我想提交一个使用AJAX动态创建的表单（通过以前的表单提交），但我无法使其成功运行。 生成的表单具有显示的格式，并且正在成功创建

 
HEADER
 
 
 
CONTENT GOES HERE
 
Refresh 
 
 
  

用于生成表单，然后刷新内容的函数在这里。 现在，点击刷新按钮时没有输入$('#formCELL').submit(function(event)function$('#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提交我的提交函数有关，我现在还没有创建我要刷新的表单，但我不知道如何继续从这里。

Answer 1

尝试：

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

我为你创建了一个jsFiddle： JsFiddle

我根据你的需要修改了jsFiddle。 现在，第一个表单生成第二个表单，由seconf提交函数处理

Answer 2

你是对的。 在创建表单后，将第二个提交处理程序移动到第一个，如下所示：

 $(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(); }); } }); }); 

Answer 3

$（document）.ready（function（）{

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

}）;

Answer 4

试试这个

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