页面上的任何按钮都会发送表单,即使是表单标记之外的按钮


Any button on page sends form, even ones outside of form tag

我有一个带有两个按钮的表单:计算(提交)和重置。我希望计算按钮发送表单(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>

你需要设置类型属性,默认情况下它的"提交"按钮只是添加type="button"