HTML按钮不能使用不同的动作

问题描述：

我试图创建一个按钮，它将使用不同形式的动作。从Edit页面，我希望用户可以选择单击按钮来运行Delete操作。这样我可以删除对Delete视图的需求。HTML按钮不能使用不同的动作

这里是我的按钮：

<input type="submit" id="yesBtn" value="Yes" class="btn btn-default" style="float:left; background-color:Green; color: white" />

我已经尝试了几件事情：

@using (Html.BeginForm("Delete", "GroupsController", routeValues: new { id = Model.GroupId }, method: FormMethod.Post)){ 
<input type="submit" id="yesBtn" value="Yes" class="btn btn-default" style="float:left; background-color:green; color: white" />}

这将使用表单的默认Edit行动;与

<form action="~/Views/Groups/Delete.cshtml" method="post"></form>

包装也不管用，我也尝试过的onclick事件，但没有成功。
我认为BeginForm由于某种原因未被识别。

这里是我的操作代码，我想在Model.GroupId经过：

// POST: AspNetGroups/Delete/5 
[HttpPost, ActionName("Delete")] 
[ValidateAntiForgeryToken] 
public ActionResult DeleteConfirmed(int id) 
{ 
    AspNetGroup aspNetGroup = db.AspNetGroups.Find(id); 
    db.AspNetGroups.Remove(aspNetGroup); 
    db.SaveChanges(); 
    return RedirectToAction("Index"); 
}

这是我的观点的相关部分：

@model ContactManager.Models.AspNetGroup 
... 
@using (Html.BeginForm()) 
{ 
    @Html.AntiForgeryToken() 
    <div class="form-horizontal"> 
    ... 
     <div id="myModal" class="modal"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <span class="close">&times;</span> 
        <h2>Delete Group</h2> 
       </div> 
       <div class="modal-body"> 
        <p>You are about to delete group placeholder.</p> 
        <p>Are you sure you want to delete it?</p> 
       </div> 
       <div class="modal-footer"> 
        <form action="~/Views/Groups/Delete.cshtml" method="post"> 
         <input type="submit" id="yesBtn" value="Yes" class="btn btn-default" style="float:left; background-color:green; color: white" /> 
        </form> 
        <input type="button" id="noBtn" value="No" class="btn btn-default" style="float:left; background-color:red; color: white" /> 
       </div> 
      </div> 
     </div> 
     ... 
    </div> 
}

确定控制器名称是GroupsController？ '控制器'通常被省略。 – Nico

@Nico我认为你是对的！但是它并没有解决我的问题（更改后，'Delete'按钮仍然使用'Edit'操作）。谢谢你的帮助。 –

答

这不是有效使用内部表格形式在html中。通过点击'删除'按钮，您可以提交由Html.BeginForm（）助手呈现的外部表单。因此，您应该将删除按钮作为链接，或者将外部窗体放在外部窗体之外。

非常感谢，经过一番调查，我开始认为情况确实如此，但是您确认了这一点。感谢帮助，特别是建议。 –

HTML按钮不能使用不同的动作

相关推荐