javascript - 在按钮上单击确认警报框，查询提交也取消

Question

我创建了一个按钮来从数据库中删除数据。按钮代码如下所示：

<form method="post">
  <button name="remove" onclick="myFunction()" style="margin-left: -15%; border-radius: 15px;" class="button button2">Remove</button>
</form>

我已经给出了一个警报确认框以继续或取消按钮单击。

function myFunction() {
  confirm("Do you want to remove?!");
}

现在单击按钮后，如果我取消或确定，两者都在执行查询。取消按钮不会取消点击。谁能告诉这里有什么问题。

标签： javascriptphpjqueryhtmlsql

Answer 1

您需要验证确认响应

function myFunction() {
  if (confirm("Do you want to remove?!")) {
    //do stufff here...
    console.log('success')
  } else {
    console.log('cancel')
  }
}

<button name="remove" onclick="myFunction()"class="button button2">Remove</button>