带有确认对话框的 MVC3 操作链接

Question

我可以显示ActionLink的确认消息吗？

我需要使用 javascript 吗？没有它可能吗？

你能给我举个例子吗？

谢谢。

//I want to make a confirmation message appear before the link opens.
@Html.ActionLink("Checkout and view order list", "Order", "Order")

Answer 1

使用重载Html.ActionLink(string linkText, string actionName, string controllerName, object RouteValues, object HtmlAttributes)和一些javascript，你可以执行以下操作：

@Html.ActionLink("Checkout and view order list", "Order", "Order", null, new { onclick="return confirm('Are you sure you want to click this link?')" })

这将添加 HTML 属性 onclick，该属性将在单击链接时执行指定的 javascript。如果链接（或表单的提交按钮）上的 onclick 事件返回 false，则操作（跟随链接，发布表单）不会发生。confirm(message) 函数向用户显示包含指定消息的确认对话框，并根据用户的响应返回 true 或 false。

Answer 2

编辑：不要使用这个答案，使用吉姆的另一个答案。

您将无法使用ActionLink - 您必须编写一些JavaScript（例如此处列出的JavaScript）才能弹出确认。您可以使用 Url.Action 生成 javascript 最终将用于发布或获取端点的 URL。

我的javascript很糟糕，但我认为这得到了表达：

<a href="javascript:confirmation();">Checkout and view order list</a>
<script>
function confirmation() {
 var answer = confirm("Confirm?")
 if(answer) {
  // Do something here, post or get
  window.location = @Url.Action("Order", "Order");
 }
}
</script>

Answer 3

就我而言，我有一个已经调用操作的按钮：

<input id="ButtonDelete" type="button" value="Delete Experiment" class="big-nevigation-button" onclick="location.href='@Url.Action("DeleteExperiment", "Experiment", new { experimentId = Model.ExperimentId })'" />

看完吉姆的回答，我改成如下：

<input id="ButtonDelete" type="button" value="Delete Experiment" class="big-nevigation-button" onclick="if (confirm('Are you sure you want to delete experiment???')) location.href='@Url.Action("DeleteExperiment", "Experiment", new { experimentId = Model.ExperimentId })'" />

而且效果很好！谢谢吉姆！！

Answer 4

在 MVC Core 中，我使用了这个，但仍然在 JavaScript 中

 <button type="submit"  
  asp-action="Delete" asp-route-id="@Model.Id"
  onclick="return confirm('Are you sure you want to delete?');">
  </button>