javascript - Onclick 不应触发表单数据提交

Question

我刚刚发现，每次onclick我<button>放置在<form>标签内的事件触发时，表单都会提交它的数据，就好像我点击了一样<input type='submit'>。我不想要那个。我的表单中的按钮用于其他任务，在我单击其中一个按钮后，表单不应提交数据。

为了更清楚，我想要这个代码：

<form action="http://www.google.com" method="POST">
    <button onclick="alert('hi!')">Button</button>
    <br>
    <input type="submit" value="submit"/>
</form>

显示警报“嗨！” 当我点击按钮时，它不应该打开谷歌。它应该只在我按“提交”时显示谷歌。

Answer 1

指定type="button"：

<button type="button" onclick="alert('hi!')">Button</button>

从链接的文章：

如果未指定属性，则此 [submit] 为默认值

Answer 2

尝试这个..

onclick="alert('hi!'); return false;"

Answer 3

使用 jQuery 使用跨度而不是输入，使用 .button 调用，然后设置单击事件。