一页中的多个表单 MVC 5

Question

我有一个 MVC 5 应用程序，在页脚中我有一个“订阅时事通讯”表单，问题是当我尝试添加另一个表单（注册用户，...）时，页脚中的表单也是已提交，请问如何解决问题，

<form id="newsletter-signup" action="@Url.Action("_SubscribeNewsletter", "Home")" method="post">

[HttpPost]
public ActionResult _SubscribeNewsletter(SubscribeNewsletterViewModel model)
{

@using (Html.BeginForm("Create", "Property", null, FormMethod.Post, new { @encType = "multipart/form-data", @id = "my-awesome-dropzone", @class = "add-estate", role = "form" }))
{

谢谢

Answer 1

您可以通过定义将哪个表单提交给哪个控制器操作方法来使用这种方法。

@using(Html.BeginForm("Login", "Controller", FormMethod.Post, new { id = "loginForm"}))
 {
       @Html.EditorFor(m => Model.Login)
 }

Answer 2

如果您不需要一次显示几个表单，您可以尝试隐藏包含表单的 div，这样它就好像它不存在并且您不应该遇到问题， 还可以尝试在表单中添加名称属性并检查提交按钮是否在它所属的表单内。

这是我在一个 html 页面中制作的多个表单的一个小示例，我使用 javascript 来处理它并处理显示隐藏机制，但你应该能够只使用 css 来管理它

<div class="ElementInformations" id="server">
            <h2>Server Informations</h2>
            <br />
            <form id="svform" action="">
                <table>
                    ...
                </table>
                <br />
                <input type="hidden" name="PrevSvid" id="PrevSvid" value="PrevSvid" />
                <input class="content-button" type="button" onclick="putServerForm();" value="Save Server Changes" />
                <br />
                <br />
                <input class="content-button" type="button" onclick="addDatabasePanel();" value="Add Database Panel" />
                <br />
                <br />
                <input class="content-button" type="button" onclick="deleteServer();" value="Delete Server" />
            </form>
            <form id="newdatabaseform" action="">
                <br />
                <h2>Add Database</h2>
                <br />
                <table>
                    ...
                </table>
                <br />
                <input type="hidden" id="NewServerId" name="ServerId" value="NewServerId" />
                <input class="content-button" type="button" onclick="addDatabase();" value="Add Database" />
            </form>
        </div>
        <div class="ElementInformations" id="database">
            <h2>Database Informations</h2>
            <br />
            <form id="dbform" action="">
                <table>
                    ...
                </table>
                <br />
                <h2>Database Translation</h2>
                <br />
                <table>
                    ...
                </table>
                <br />
                <input type="hidden" name="prevdbid" id="prevdbid" value="prevdbid" />
                <input class="content-button" type="button" onclick="putDatabaseForm();" value="Save database modifications" />
                <br />
                <br />
                <input class="content-button" type="button" onclick="deleteDatabase();" value="Delete Database" />
            </form>
        </div>
        <div id="NewServerPanel">
            <h2>Add Server</h2>
            <form id="newsvform" action="">
                <table>
                  ...
             </table>
                <br />
                <input class="content-button" type="button" onclick="addServer();" value="Add Server" />
                <br />
            </form>
        </div>