javascript confirm(cancel) 在使用 return false 时仍然提交表单？答案

【问题标题】：javascript confirm(cancel) still submits form when using return false?javascript confirm(cancel) 在使用 return false 时仍然提交表单？
【发布时间】：2014-12-11 04:44:54
【问题描述】：

我正在使用以下代码：

        <form method='POST' action='post.php' style='margin-bottom:0px;'>
        <input type='image' name='close_x' src='imgs/button.png' onclick='confirmClose()'>
        </form>

       function confirmClose() {
            if (confirm('Are you sure you wish to close?')) {
                return true;
            } else {
                return false;
            }
        }

但是，当您在确认框中单击取消时，它仍然会提交表单。

return false 肯定会阻止这种情况的发生吗？

知道为什么吗？

谢谢。

【问题讨论】：

onclick='return confirmClose()'

标签： javascript html forms function

【解决方案1】：

不要使用内联事件处理程序。

document.getElementsByName('close_x')[0].onclick = function confirmClose(e) {
  if (!confirm('Are you sure you wish to close?'))
    e.preventDefault();
};

#myform {
  margin-bottom: 0px;
}

<form id="myform" method='POST' action='post.php'>
  <input type='image' name='close_x' src='imgs/button.png'>
</form>

【讨论】：