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秒然后关闭？。

Answer 1

尝试使用取消

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)"

Answer 2

您需要从确认结果返回结果：

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


onClick="confirmDelete()"

Answer 3

你可以使用jQuery点击事件和内部事件放e.preventDefault();，它会阻止默认，默认是提交表单 -

Javascript取消按钮正在提交表单

3 个答案: