我有一个带有一些按钮标签的表单,其中一个是删除按钮。我想拦截点击并要求确认。 我可以用下面的代码拦截它,但无论我回答什么,它都会处理。
HTML:
<button type=submit id=mydelbuttonid value=delete name=deletebutton>Delete</button>
jQuery:
$('button#mydelbuttonid').on("click", function(e) {
if (confirm('Are you sure you want to delete this record?')) {
alert('deleting');
}
else {
alert('not deleting');
event.preventDefault();
return false;
}
});
我收到了正确的警报,但记录还是被删除了。
有人知道如何解决这个问题吗?我在网上搜索了很长一段时间,找到了很多<a>
的解决方案。标签,但没有 <button>
的标签标签。
最佳答案
正如 @A.Wolff 正确指出的那样,e !== event
...
将 event
更改为 e
或反之亦然将允许 preventDefault
实际触发(之后返回 false
变得多余)。
$('button#mydelbuttonid').on("click", function(e) {
if (confirm('Are you sure you want to delete this record?')) {
alert('deleting');
}
else {
alert('not deleting');
e.preventDefault();
/*return false;*/
}
})
关于javascript - 如何拦截 <button> 标签上的点击并停止提交?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35652380/