javascript - Javascript取消按钮正在提交表单

Question

我正在尝试向我的表单添加一个 javascript 警报，我遇到的问题是当用户单击取消时，表单仍然被提交？

在我的脑海中：

<head>
<script type="text/javascript">
function confirmDelete() {if(confirm('Are you sure you want to delete this category ?'))
alert('Category Deleted !');
else alert('Cancelled !')}
</script>
</head>

我的链接使用以下内容：

a onClick="confirmDelete()"

我不确定为什么单击取消仍然提交它？，是否可以显示已取消！2秒，然后关闭也？

score 4 · Accepted Answer

尝试使用取消

function confirmDelete(e) {
 if(confirm('Are you sure you want to delete this category ?'))
   alert('Category Deleted !');
 else {
  alert('Cancelled !');
  e.preventDefault();
 }
}

并将您的 onclick 更改为

onclick="confirmDelete(event)"

score 3 · Accepted Answer

您需要从确认返回结果：

function confirmDelete() {
    return confirm('Are you sure you want to delete this category ?');
}


onClick="confirmDelete()"

score 1 · Accepted Answer

您可以使用 jQuery click 事件和 inside 事件 put e.preventDefault();，它将阻止默认值，默认值是提交表单-

javascript - Javascript取消按钮正在提交表单

3 回答 3

Related

Reference