页面上的任何按钮都会发送表单，甚至是表单标签之外的按钮

Question

我有一个带有两个按钮的表格； 计算（提交）并重置。 我希望calculate按钮发送表单（php）并调用一些javascript，但是我希望reset按钮仅调用一些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="button"