php - 如何处理多选项卡表单(有或没有 jquery)

Question

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

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

关于解决此问题的最佳方法有什么想法吗？

Answer 1

一个低影响的方法是让你的 3 种形式保持原样。然后将您的“表单合并”附加到全局表单的提交元素:

对于 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...
});