使用return false时，javascript确认(取消)仍然提交表单？

Question

我正在使用以下代码:

        <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;
            }
        }

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

返回 false 肯定应该阻止这种情况发生吗？

知道为什么吗？

谢谢。

Answer 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>