如何禁用表单标签内按钮标签的“提交”行为?
P粉461599845
P粉461599845 2023-08-24 15:00:36
[HTML讨论组]
<p><pre class="brush:php;toolbar:false;">&lt;form action=&quot;&quot;&gt; &lt;button&gt;click&lt;/button&gt; &lt;/form&gt;</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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号