Javascript 重新定位多部分/表单数据提交按钮

我有以下结构：

<form id="the_form" method='post' enctype="multipart/form-data">
    <table id="1">blabla</table>
    <table id="2">blabla
    <input type='submit' name='submit' />
    </table>
</form>
<table id="3'>
    <form>here are a couple of subforms</form>
</table>

<form id="the_form" method='post' enctype="multipart/form-data">
    <table id="1">blabla</table>
    <table id="2">blabla
    </table>
</form>
<table id="3>
    <form>here are a couple of subforms</form>
    <input type='submit' name='submit' />
</table>

布拉布拉
布拉布拉
这里有几个子窗体

我不能改变表单的结构。我尝试将输入放入noscript中，然后创建一个提交表单的链接，但我认为这不起作用，因为表单是一个多部分/表单数据。那么我该如何解决这个问题呢？有人知道css将表2放在表3下的方法吗（表3的高度不固定，用javascript解决这个问题看起来很麻烦，所以我希望有人有更好的解决方案）？或者有一种javascript/jquery方法可以做到这一点？还是我想得太多了，有没有简单的解决办法

干杯， Adnan

使用jQuery（顺便说一句，您应该将其添加到问题的标签中，因为您可以将其用作解决方案），您可以决定何时提交哪些表单

如果您有想法，请立即重新提交多个表单

您也可以使用“根据自己的条件”，而不使用过时的

构造（带有强制页面重定向/刷新）

使用jQuery提交表单如下所示：

$('#yourFormID').submit();

$('#thesubmitbutton`).click(function() {
     //check if all fields filled out, like this:
     var somefield = $('#somefield').val();
     if (somefield == '') {
          alert('Please complete all form fields');
          return false;
     }else{
          $('#myform1').submit();
     }
});

您还可以将提交按钮从

type=“Submit”

更改为

type=“button”

，然后执行以下操作：

$('#yourFormID').submit();

$('#thesubmitbutton`).click(function() {
     //check if all fields filled out, like this:
     var somefield = $('#somefield').val();
     if (somefield == '') {
          alert('Please complete all form fields');
          return false;
     }else{
          $('#myform1').submit();
     }
});

---

但是，如果您有多个表单，您可能需要了解如何使用AJAX——这比许多人想象的要简单得多。对于一些简单的示例，您可以开始。

是否有多个表单（即一个表单发布到“/a.php”，另一个表单发布到“/b.php”），或者所有表单字段是否需要在一个请求中发送到同一url？为什么需要两个表单标签？