javascript - 如何防止非提交按钮的表单提交？

Question

html:

<form id="form" action="/" method='post'>
<button>Button</button>
<input type="text">
<input type="submit" id="send-form" value="Send">
</form>

js:

$('#form').submit(function() {
    console.log('send');
    return false;
});

为什么当我按下按钮时，表单就会被提交(我需要此元素来执行其他操作)？如何防止这种情况发生？

Answer 1

<button> 的默认操作是一个提交按钮，但您可以通过执行以下操作将其设为“普通按钮”:

<button type="button">Button</button>

请参阅HTML specs了解更多信息。