jquery – 在表单中包含按钮而不提交[复制]

参见英文答案 > HTML button to NOT submit form                                    6个
如何在表单中放置一个按钮,单击该按钮时不会提交表单？

演示HTML：

<form>
    <button>TEST</button>
</form>
<div></div>

演示JavaScript(jQuery)：

$(document).ready(function() {
    $('form').submit(function() {
        $('div').append('SUBMITTED<br>');
        return false;
    });
});

JSFiddle

单击该按钮后,表单将被提交.有没有办法禁用此行为(呈现此演示形式不提交)？

我的实际用例是创建一个bootstrap样式按钮来激活文件输入.

默认情况下< button>类型是提交,所以只需按下它：

<form>
    <button type="button">TEST</button>
</form>

JSFiddle