我可以<按钮>不提交表格吗?

2022-08-29 22:40:07

我有一个表单,有2个按钮

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

我也在它们上面使用jQuery UI的按钮,就像这样

$('button').button();

但是,第一个按钮也会提交表单。我本来以为,如果它没有,它就不会。type="submit"

显然我可以这样做

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

但是有没有办法阻止该后退按钮在没有JavaScript干预的情况下提交表单?

说实话,我只使用了一个按钮,所以我可以用jQuery UI来设置它的样式。我尝试调用链接,但它没有按预期工作(看起来很丑陋!button()


答案 1

按钮元素的 type 属性的默认值“submit”。将其设置为以生成不提交表单的按钮。type="button"

<button type="button">Submit</button>

HTML标准的话来说:“什么都不做。


答案 2

按钮元素的默认类型为 。submit

您可以通过设置以下类型来使其不执行任何操作:button

<button type="button">Cancel changes</button>