避免不必要的表单提交答案

【问题标题】：Avoid unwanted form submission避免不必要的表单提交
【发布时间】：2012-12-26 18:03:00
【问题描述】：

当我想使用一个按钮切换到另一个页面，并使用另一个按钮关闭窗口（弹出窗口）时遇到问题

无论我点击哪个按钮，表单都会提交。我能做些什么来避免这种情况（除了在两个按钮之间切换</form>）？

代码：

<form action="name.php" method="post">
                <input type="hidden" name="number" value="<?php echo $id;?>">
                <input type="hidden" name="position" value="<?php echo $pos;?>">
<button type="submit">Yes</button> <button onclick="window.close()">No</button>
</form>

【问题讨论】：

我不会使用<button> 标签来关闭窗口。使用锚链接和javascript。这在语义上会更合适。

标签： javascript html forms submit

【解决方案1】：

您可以在第二个按钮的 onclick 末尾添加 return false：

<button onclick="window.close(); return false">

【讨论】：