Question

我有一个大的页面/表单分为标签，现在要求是这样的，每个标签应该有一个保存按钮，它将提交该标签中的字段。还应该有一个全局保存按钮，用于保存所有选项卡中的数据。

我这样做的想法是，为每个标签创建单独的表单，并使用jquery序列化来发布它们，但是有些表单有图像上传和ckeditor字段，这些字段与jquery不能很好地搭配。

任何想法，关于解决这个问题的最佳方法是什么？

Answer 1

低影响力的方法是保留3张表格。然后将“表单合并”附加到全局表单的submit元素：

对于HTML：

<form id="form1"> ... </form>
<form id="form2"> ... </form>
<form id="global"></form>

JS：

$("#global").submit(function(e){
  var $ch1 = $("#form1").children();
  var $ch2 = $("#form2").children();

  $(this).append($ch1).append($ch2);
  //Let the form get submitted...
});

Answer 2

使用jQuery，您可以逐个提交每个表单

$("#globalsubmit").submit(function(e){

  //simply submit all the forms one by one
  $("#form1").submit();
  $("#form2").submit();

  return false;
});

或查找所有表格并立即提交

$("#globalsubmit").submit(function(e){

  $("form").each(function() { $(this).submit(); });

  return false;
});

没有jQuery。以下是您可能想要遵循的几个步骤。

提交表单，不处理数据，但存储在会话中。
收集会话中所有表单中的所有数据，最后收集批量数据。

如何处理多标签表单（有或没有jquery）

2 个答案: