您如何拥有多个表单，并且在 MVC 5 视图中一次只提交一个表单

Question

当我尝试在第一个表单之后提交表单时，它只是调用该 post 方法，而不是提交按钮当前所在的表单的方法。我的印象是，无论您提交的内容是什么形式，都会在页面上触发。

使用 ajax 辅助函数来解决它，但它没有按照我想要的方式工作。

下面是一些代码块，这里是完整的代码块。

Html.BeginForm("Create", "Comments", FormMethod.Post, new { @class = "form-control" });
{
@Html.AntiForgeryToken()
@Html.Hidden("BlogPostId", Model.Id);
<div class="row">
<div class="col-12">
@Html.Editor("Content", new { htmlAttributes = new { @id = "richTextEditor", @class = "form-control textarea", @placeholder = "Enter comment here.", @rows = 5, @cols = 10 } })
</div>
</div>
<div class="row" style="padding-top:2%">
<div class="col-2">
<button type="submit" class="btn btn-info waves-effect waves-light m-r-10">Submit</button>
</div>
</div>
}

@using (Html.BeginForm("Edit", "Comments", FormMethod.Post, new { @class = "form-control" }))
{
@Html.AntiForgeryToken()
@Html.Hidden("Id", comment.Id);
@Html.Hidden("BlogPostId", comment.BlogPostId);
@Html.Hidden("AuthorId", comment.AuthorId);
@Html.Hidden("CreateDate", comment.CreateDate);
@Html.Hidden("UpdateDate", comment.UpdateDate);
<div class="row">
<div class="col-12">
@Html.Editor("UpdateReason", new { htmlAttributes = new { @class = "form-control", @placeholder = "Enter comment here.", @rows = 5, @cols = 10 } })
</div>
</div>
<div class="row">
<div class="col-12">
@Html.Editor("Content", new { htmlAttributes = new { @id = "richTextCommentEditor", @class = "form-control textarea", @placeholder = "Enter comment here.", @rows = 5, @cols = 10 } })
</div>
</div>
<div class="row" style="padding-top:2%">
<div class="col-2">
<button type="submit" class="btn btn-info waves-effect waves-light m-r-10">Submit</button>
</div>
</div>
}

我没有收到任何错误，它只是导致调用创建注释的操作，而不是表单应该执行的操作。

Answer 1

除非您在表单标签中定义操作，否则您的表单将不知道您尝试提交的操作：

<form action="/edit">
</form>

或者，在您的情况下，在 html 属性部分中定义它：

@using (Html.BeginForm("Edit", "Comments", FormMethod.Post, new { @class = "form-control", action = "/edit" })

如果未在表单标记中定义特定操作，则表单将假定您只是在页面本身上执行回发。 您还可以使用以下方法定义按钮本身的操作：

<button type="submit" class="btn btn-info waves-effect waves-light m-r-10" formaction="/edit">Submit</button>

您可以在 w3Schools 了解有关操作和表单操作的更多信息： https://www.w3schools.com/tags/att_form_action.asp https://www.w3schools.com/tags/att_button_formaction.asp