首页  >  问答  >  正文

我可以让 <button> 不提交表单吗?

我有一个带有 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粉921130067P粉921130067395 天前445

全部回复(2)我来回复

  • P粉821231319
  • P粉090087228

    P粉0900872282023-10-13 13:39:59

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

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

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

    回复
    0
  • 取消回复