javascript - 在另一个表单中提交一个表单

Question

我有一个带有 POST 方法的表单和另一个页面的操作。

在表单中，我有另一个表单，我需要用不同的 Action 提交，但它用主表单 Action 提交。

这是我的第二种形式:

<script>
    function formSubmit()
    {
        document.getElementById("invoices_form").submit();
    }
</script>

<form action="resend_multiple_invoices.php" name="invoices_form" method="post">
    <input type="button" onclick="formSubmit()" value="Send Invoices" />
</form>

我怎样才能让它提交第二个表格而不是主要表格？

Answer 1

您不能(普遍地)提交与其父表单分开的嵌套表单。嵌套表单是无效的 HTML，如 W3C prohibitions 中所述。 .

为了解决您的问题，我建议您使用两种不同的形式，如下所示:

<script>
    function invoicesFormSubmit()
    {
       document.getElementById("invoices_form").submit();
    }

    function otherFormSubmit()
    {
       document.getElementById("other_form").submit();
    }
</script>

<form action="resend_multiple_invoices.php" name="invoices_form" method="post">

    //
    // Input fields go here
    //

    <input type="button" onclick="invoicesFormSubmit()" value="Send Invoices" />
</form>

<form action="other_method.php" name="other_form" method="post">

    //
    // Input fields go here
    //

    <input type="button" onclick="otherFormSubmit()" value="Other Method" />
</form>