从同一页面调用两个按钮不起作用

Question

我有一个带有表格的 MVC5 应用程序，当您单击创建时，它会导航到带有表单的新页面以放置数据并保存。目前这工作正常，问题是我需要添加一个额外的按钮来调用新操作但不会导航到其他页面，只需调用它并获得响应。

当我将以下 2 个按钮放在不同的页面中时，它们都可以正常工作，但是当我将它们添加到同一页面时，第二个按钮会调用第一个按钮的创建操作。

如何避免这种情况？

这是调用创建操作的保存按钮

<div class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <input type="submit" id="actbtn" value="Create"  />
    </div>
</div>

这是第二个在不同页面中正常工作的按钮，当我复制它时 到它调用 create 操作 的创建页面。我知道这是因为 submit 但我应该如何避免呢？

    @using (Html.BeginForm("Check", "User", new { Name = Model.Name }))
    {
        <input type="submit" id="btn" value="Check" />
        <span id='result'></span>
    }

我应该如何调用控制器用户中的动作检查？

Answer 1

像这样为每个按钮添加一个名称属性

<input type="submit" value="Send" class="btn btn-default" name="buttonType" />
<input type="submit" value="Search" class="btn btn-default" name="buttonType" />

在控制器动作中，

[HttpPost, ActionName("Index")]
[ValidateAntiForgeryToken]
public ActionResult Index(string buttonType)
{
  if (buttonType == "Send")
     {
          // add your stuffs for the first button 
     }
  else
     {
          // add your stuffs for the second buttonbutton
     }
}

Answer 2

这是你需要做的..

@using (Html.BeginForm("YourSaveActionName", "User", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
      <div class="form-group">
         <div class="col-md-offset-2 col-md-10">
            <input type="submit" id="actbtn" value="Create"  />
         </div>
      </div>
}


@using (Html.BeginForm("Check", "User", new { Name = Model.Name }))
{
     <input type="submit" id="btn" value="Check" />
     <span id='result'></span>
}