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

【问题标题】：Any button on page sends form, even ones outside of form tag页面上的任何按钮都会发送表单，即使是表单标签之外的按钮
【发布时间】：2014-11-17 16:53:42
【问题描述】：

我有一个带有两个按钮的表单；计算（提交）并重置。我希望计算按钮发送表单（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>

【问题讨论】：

我认为您真正需要做的就是让您的onclick 取消按钮的默认操作，这样它就不会提交。我认为在 jQuery 中它被称为 .preventDefault()
Benhamin Poignant 有一个简单的解决方案...不需要额外的 js 位！

标签： javascript php html forms button

【解决方案1】：

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

【讨论】：