Jquery在一个页面中提交多个表单

Question

我从这里搜索并找到了很好的代码。 Submit a form using jQuery

    <input type='button' value='Submit form' onClick='submitDetailsForm()' />
<script language ="javascript" type = "text/javascript" >
    function submitDetailsForm()
    {
       $("#formId").submit();
    }
</script>

但是您能否建议如何处理页面中的多个表单？

<form id="myForm1" action="comment.php" method="post"></form>
<form id="myForm2" action="comment.php" method="post"></form>
<form id="myForm3" action="comment.php" method="post"></form>
<form id="myForm4" action="comment.php" method="post"></form>

Answer 1

我建议在您希望像这样提交的每个输入按钮上放置一个类。

例如，您可以有一些像这样的表单:

<form id="form1">
  <!--Form elements-->
  <input class="submitButton" type="button" value="submit" />
</form>
<form id="form2">
  <!--Form elements-->
  <input class="submitButton" type="button" value="submit" />
</form>

然后您可以使用 jQuery 来提交它们，如下所示:

$(".submitButton").click(function() {

  //Select the parent form and submit
  $(this).parent("form").submit();

});