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

Question

>我有一个项目，我必须使用一个提交按钮提交 3 种不同的表格

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

"提交"按钮位于第一个窗体中。

我正在使用 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

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

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

记得包含 jquery 库

Answer 2

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