javascript和html中的确认对话框

Question

我正在尝试在我的代码中包含一个确认对话框，但在实现它时遇到了困难。 我想在我的代码中添加一个按钮，点击它我会得到一个确认对话框。按“是选项”它应该删除我的数据库中的数据，而按“无选项”应该关闭对话框，什么都不做。 但实际上，当我运行我的代码时，我得到我的对话框和确认是/否选项，但运行“否选项”时，html 中的提交代码也会被触发，因此通过选择“是”或“否”我得到同样的效果，它总是从我的数据库中删除数据。

这是我的html代码：

<form method="POST" action="/delete/prop" >
<p class="card-text h6"> <b>Typology: </b> <%= book.typology %> </p>
<input type="hidden" name="id5" value=<%= book.id %> />
<input type="hidden" name="prop" value= "typology" />

<input type="submit" value="Yes" class="button btn btn-danger" onclick="confirmAction()" />
</form>

和我的javascript相关的对话代码：

<script type="text/javascript">
  function confirmAction() {
    let confirmAction = confirm("Are you sure to execute this action?");
    if (confirmAction == true) {
      alert("Action successfully executed");
    } else {
      alert("Action cancelled");
    }
  }

Answer 1

我在@anavega 发布的another website 中找到了解决方案。

她提到我错过了html中的return元素。

这里有一个例子来测试它：

function confirmAction() {
    let confirmAction = confirm("Are you sure to execute this action?");
    if (confirmAction == true) {
      alert("Action successfully executed");
    } else {
      alert("Action cancelled");
    }
}

<input type="submit" value="Yes" class="button btn btn-danger" onclick="return confirmAction()" />

感谢您的帮助！