Javascript 有没有办法用一个提交按钮mvc提交三份表格

我有一个项目中，我必须提交3个不同的形式使用一个提交按钮

我有一个视图，其中我有三个选项卡和三个不同的表单，我想用一个提交按钮提交所有表单

提交按钮位于第一个表单中

我正在使用Asp.NETMVC4

<!-- tabs -->
<div class="sky-tabs ">

    <input type="radio" name="sky-tabs" checked id="sky-tab1" class="sky-tab-content-1">
    <label id="form1" for="sky-tab1"><span><span><i class="fa fa-arrow-down"></i>form1</span></span></label>

    <input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
        <label for="sky-tab2"><span><span><i class="fa fa-picture-o"></i>form2</span></span></label>

        <input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3">
        <label for="sky-tab3"><span><span><i class="fa fa-cogs"></i>form3</span></span></label>

        <input type="radio" name="sky-tabs" id="sky-tab4" class="sky-tab-content-4">
        <label for="sky-tab4"><span><span><i class="fa fa-globe"></i>Newton</span></span></label>

    <ul>

        <li class="sky-tab-content-1">
            @using (Html.BeginForm("AddNewClient", "Admin", FormMethod.Post, new { @class = "sky-form", role = "form" }))
            {
                @Html.Partial("form1")
            }
        </li>

        <li class="sky-tab-content-2">
            @using (Html.BeginForm("AddNewClient", "Admin", FormMethod.Post, new { @class = "sky-form", role = "form" }))
            {
                @Html.Partial("Form2")
            }
        </li>

        <li class="sky-tab-content-3">
            @using (Html.BeginForm("AddNewClient", "Admin", FormMethod.Post, new { @class = "sky-form", role = "form" }))
            {
                @Html.Partial("form3")
            }
        </li>

        <li class="sky-tab-content-4">

        </li>

    </ul>

</div>
<!--/ tabs -->

表格1
表格2
表格3
牛顿


@使用（Html.BeginForm（“AddNewClient”，“Admin”，FormMethod.Post，new{@class=“sky form”，role=“form”}））
{
@Html.Partial（“form1”）
}


@使用（Html.BeginForm（“AddNewClient”，“Admin”，FormMethod.Post，new{@class=“sky form”，role=“form”}））
{
@Html.Partial（“Form2”）
}


@使用（Html.BeginForm（“AddNewClient”，“Admin”，FormMethod.Post，new{@class=“sky form”，role=“form”}））
{
@Html.Partial（“form3”）
}

使用Jquery提交表单，下面是一个示例

HTML

Js

$（文档）.ready（函数（）{
$（“#表单1#提交”）。单击（函数（）{
$（'表格1，'表格2，'表格3'）。提交（）；
});
});

---

记住要包括jquery库

这只有在表单设置为通过ajax更新时才可能，否则一个表单的提交将阻止另一个表单的提交。

您可以使用javascript或jquery add onclick函数来提交按钮，并在该函数中提交所有表单。这将帮助您确定，但我如何处理文件。在所有表单中，我都有2到3个文件要上传到服务器上。所有表单数据在我们提交表单时都会以相同的方式提交。使用javascript或jquery时，您将只触发表单提交。@Tyson StackOverflow链接可能有用，谢谢我提供的所有解决方案。所以我的3个表单都在同一个视图中，而不是3个表单。我制作了一个大表单，将所有数据发送到同一个操作，并将数据保存到数据库。

<form id="form1">
    <input>
    <input type="submit" id="submit">
</form>
<form id="form2">
    <input>
</form>

<form id="form3">
    <input>
</form>

<script type="text/javascript">
    $(document).ready(function () {
        $('#form1 #submit').click(function () {
            $('#form1, #form2, #form3').submit();
        });
    });
</script>