有没有办法用1个提交按钮mvc提交3个表单

Question

I have a project in which I have to submit 3 different forms using one Submit Button

I have a view in which I Have three tabs with 3 different forms and I want to submit all forms with a one submit button.

the submit button is in the first form.

I am using Asp.net MVC 4

<!-- 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 -->

Answer 1

Submit the forms using Jquery, bellow is a sample

HTML

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

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

Js

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

Remember to include jquery library

Answer 2

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