带有 2 个提交按钮/操作的 ASP.Net MVC 4 表单

Question

我在 ASP.Net 和 razor 中有一个表单。

我需要有两种提交表单的方式：一种通过Edit 操作，另一种通过Validate 操作。

我该怎么做呢？

我不介意为此使用 JavaScript。

编辑：

使用自定义属性出现此错误。

当前对控制器类型“InspecoesController”的操作“Resultados”的请求在以下操作方法之间不明确： 类型 Waveform.IEP.Intus.Server.Web.Controllers 上的 System.Web.Mvc.ActionResult Validar(System.Collections.Generic.ICollection1[Waveform.IEP.Intus.Server.Web.ViewModels.ResultadoViewModel]) on type Waveform.IEP.Intus.Server.Web.Controllers.InspecoesController System.Web.Mvc.ActionResult Resultados(System.Collections.Generic.ICollection1[Waveform.IEP.Intus.Server.Web.ViewModels.ResultadoViewModel])。 InspecoesController

Answer 1

您可以使用 jquery 来完成，只需将两种方法提交到不同的 url，例如使用此表单：

<form id="myForm">
    <%-- form data inputs here ---%>
    <button id="edit">Edit</button>
    <button id="validate">Validate</button>
</form>

你可以使用这个脚本（确保它位于 View 中，以便使用 Url.Action 属性）：

<script type="text/javascript">
      $("#edit").click(function() {
          var form = $("form#myForm");
          form.attr("action", "@Url.Action("Edit","MyController")");
          form.submit();
      });

      $("#validate").click(function() {
          var form = $("form#myForm");
          form.attr("action", "@Url.Action("Validate","MyController")");
          form.submit();
      });
</script>

Answer 2

这就是我们在应用程序中拥有的：
属性

public class HttpParamActionAttribute : ActionNameSelectorAttribute
{
    public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)
    {
        if (actionName.Equals(methodInfo.Name, StringComparison.InvariantCultureIgnoreCase))
            return true;

        var request = controllerContext.RequestContext.HttpContext.Request;
        return request[methodInfo.Name] != null;
    }
}

用它装饰的动作：

[HttpParamAction]
public ActionResult Save(MyModel model)
{
    // ...
}

[HttpParamAction]
public ActionResult Publish(MyModel model)
{
    // ...
}

HTML/Razor

@using (@Html.BeginForm())
{
    <!-- form content here -->
    <input type="submit" name="Save" value="Save" />
    <input type="submit" name="Publish" value="Publish" />
}

name 提交按钮的属性应该匹配动作/方法名称

这样您就不必在 javascript 中硬编码网址

Answer 3

这是一个很好的解释： ASP.NET MVC – Multiple buttons in the same form

两句话：
您可以在您的操作中分析已提交按钮的值
或
使用您的 ActionMethodSelectorAttribute 版本进行单独操作（我个人更喜欢并建议）。

Answer 4

如果您使用 razor 在 asp.net 中工作，并且想要控制多个提交按钮事件。那么这个答案将指导您。例如，我们有两个按钮，一个按钮将我们重定向到“PageA.cshtml”，另一个将我们重定向到“PageB.cshtml”。

@{
  if (IsPost)
    {
       if(Request["btn"].Equals("button_A"))
        {
          Response.Redirect("PageA.cshtml");
        }
      if(Request["btn"].Equals("button_B"))
        {
          Response.Redirect("PageB.cshtml");
        }
  }
}
<form method="post">
   <input type="submit" value="button_A" name="btn"/>;
   <input type="submit" value="button_B" name="btn"/>;          
</form>

Answer 5

<input type="submit" value="Create" name="button"/>
<input type="submit" value="Reset" name="button" />

在 Controler 中编写以下代码。

[HttpPost]
        public ActionResult Login(string button)
        {
            switch (button)
            {
                case "Create":
                    return RedirectToAction("Deshboard", "Home");
                    break;
                case "Reset":
                    return RedirectToAction("Login", "Home");
                    break;
            }

            return View();
        }

Answer 6

使用 HTML5 你可以使用button[formaction]:

<form action="Edit">
  <button type="submit">Submit</button> <!-- Will post to default action "Edit" -->
  <button type="submit" formaction="Validate">Validate</button> <!-- Will override default action and post to "Validate -->
</form>

Answer 7

我们可以通过两种方式实现，

要么在同一个视图中有 2 个表单提交，要么在控制器中有 2 个 Action 方法，但您需要提交必填字段和要放置的表单

这里给出了代码Multiple forms in view asp.net mvc with multiple submit buttons

或者

有 2 个或多个提交按钮，例如 btnSubmit1 和 btnSubmit2，并检查 Action 方法使用代码单击了哪个按钮

if (Request.Form["btnSubmit1"] != null)
{
 //
}
if (Request.Form["btnSubmit2"] != null)
{
 //
}