javascript - 页面上的任何按钮都会发送表单，即使是表单标签之外的按钮

Question

我有一个带有两个按钮的表单；计算(提交)并重置。我希望计算按钮发送表单(php)并调用一些 javascript，但我希望重置按钮仅调用一些 javascript。但目前，这两个按钮都会发送表单，无论它们放置在页面上的哪个位置。

<form id="ajax-contact" method="post" action="mailer.php">
    <input type="hidden" name="action" value="submit"> 
    <input type="text" name="business" id="business" value="" />
    <input type="text" name="email" id="email" value="" />
    <button onclick="calculate();">Calculate</button>
</form>
<button onclick="reset();">Reset</button>

Answer 1

需要设置 type 属性，默认是“提交”按钮，只需添加 type="button"