拦截删除按钮按下 - 确认取消不执行任何操作

时间:2012-01-26 13:20:31

标签: javascript

我最近问了一个类似的问题:

I want to "intercept" a delete button press

基本上我试图拦截删除按钮按下。我可以使用confirm("Are you sure?")中的onclick=进行确认,但无论我选择,确定还是取消,它仍会继续删除我点击删除的项目。

如何防止这种情况?

我的代码如下所示:

'<td><button type="submit" name="del" onclick="confirm(\'Are you sure?\')" value=' . stripslashes($servrow["serv_id"]) . '>Del</button></td>

如何点击取消不会删除该项目!

(如果有人需要我将穿插的PHP转换为HTML,请告诉我,我很乐意,以增加对我的问题的理解)

2 个答案:

答案 0 :(得分:0)

确认对话框返回一个值,具体取决于单击的按钮(“确定”或“取消”)。

此时,显示确认对话框,无论单击哪个按钮,表单的submit操作都已完成(我假设继续删除该项目)。

您应该将onclick功能放入一个函数中,所以:

<button type="submit" name="del" onclick="return confirmDelete();" value=' . stripslashes($servrow["serv_id"]) . '>Del</button>

confirmDelete()函数看起来像:

var c = confirm('Are you sure?');
if(c==true) {
    return true;
} else {
    return false;
}

返回true将允许submit操作完成。返回false将阻止它完成(再次,我假设只有在提交表单时才会处理删除)。

答案 1 :(得分:0)

<td><button type="submit" name="del" onclick="if !confirm(\'Are you sure?\') return false;" value=' . stripslashes($servrow["serv_id"]) . '>Del</button>