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>

来自链接文章：

如果未指定属性，则[提交]是默认值

Answer 2

试试这个..

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

Answer 3

使用jQuery使用span而不是输入，使用.button调用然后设置click事件。

Onclick不应该触发表单数据提交

3 个答案: