2

我从这里搜索并找到了不错的代码。使用 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>
4

3 回答 3

8

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

例如，您可以有一些这样的表格：

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

});
于 2012-07-23T09:06:37.583 回答
1

如果没有 Ajax，就没有办法做到这一点。当您提交表单时，您实际上是在发出 http 请求，因此将加载一个全新的 html 页面。

避免这种情况的唯一方法是通过 Ajax 发送表单，这样您就可以控制请求的响应（因此没有什么能阻止您通过这种方式发送多个表单）。

您可以使用这个 jQuery 插件来实现这一点

于 2012-07-23T09:06:22.640 回答
1 

/* get all form and loop foreach */
$( "form" ).each( function() {

    /* addEventListener onsubmit each form */
    $( this ).bind( "submit", function(event) {

        /* return false */
        event.preventDefault();

        /* display each props of forms */
        console.log( event.target ); // object formHTML
        console.log( "form id: " + event.target.id );
        console.log( "form action: " + event.target.action );
        console.log( "form method: " + event.target.method );

    } );

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="myForm1" action="comment1.php" method="post">
    <input type="submit" value="Submit Form1" />
</form>
<form id="myForm2" action="comment2.php" method="post">
    <input type="submit" value="Submit Form2" />
</form>
<form id="myForm3" action="comment3.php" method="post">
    <input type="submit" value="Submit Form3" />  
</form>
<form id="myForm4" action="comment4.php" method="post">
    <input type="submit" value="Submit Form4" />  
</form>

密码笔

复制（演示）

于 2019-12-13T06:46:13.177 回答