在不提交的情况下包含表单中的按钮

Question

如何在表单中放置一个按钮,单击该按钮时不会提交表单？

演示HTML:

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

演示JavaScript(jQuery):

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

的jsfiddle

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

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

Answer 1

默认<button> type是submit,所以只需要button:

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

的jsfiddle