如何禁用表单标签内按钮标签的'提交”行为?
P粉461599845
P粉461599845 2023-08-24 15:00:36
0
2
496
<p><pre class="brush:php;toolbar:false;"><form action=""> <button>click</button> </form></pre> <p>按钮在表单内的默认行为是提交该表单。</p> <p>我如何禁用该按钮的提交行为?</p>
P粉461599845
P粉461599845

全部回复(2)
P粉714844743

有时候你想要保留一个 submit 按钮的细节(例如,在移动设备上,只有当按钮是表单的一部分且类型为 submit 时,才能通过键盘触发 submit 按钮)。在这种情况下,你需要阻止按钮的默认行为。

使用 jQuery 1.7+(使用 .on - 我强烈建议阅读文档 - 使用 .on 有许多细微差别可以极大地影响性能)

$(document).on("click", "button", "event", function(evt) {
    evt.preventDefault();
    ...
}

使用旧版本的 jQuery...

$("#button-id").bind("click", function(evt, ui) {
    evt.preventDefault();
    ...
}

请注意,你可以使用任何选择器(按类、元素类型等选择)或绑定事件的方法(而不是使用 .bind,使用适合你的 jQuery 版本的 .live.delegate 等)。

P粉238355860

在它上面添加 type="button"

<button type="button">Click</button>

可用的类型有:

  • "submit":默认值。提交表单。
  • "reset":重置表单的输入。
  • "button":无操作。

一个好的参考:https://developer.mozilla.org/en/DOM/HTMLButtonElement

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