我可以让 <button> 不提交表单吗?
P粉921130067
P粉921130067 2023-10-12 17:04:23
0
2
480

我有一个带有 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() ,但它没有按预期工作(看起来很丑陋!)。

P粉921130067
P粉921130067

全部回复(2)
P粉821231319

button 元素 a> 的默认类型为 submit

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

<button type="button">Cancel changes</button>
P粉090087228

typebutton 元素的 /code> 属性 “提交”。将其设置为 type="button" 以生成一个不提交表单的按钮。

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

HTML 标准的话:“什么也不做。”

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板