javascript – 阻止按钮在输入密钥上提交

前端之家收集整理的这篇文章主要介绍了javascript – 阻止按钮在输入密钥上提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个按钮,一个是id = enterToSubmit,另一个是id = clickToSubmit.当用户点击enterkey时,我想要“enterToSubmit”按钮来提交表单
不是“clickToSubmit”按钮.

在同一页面上,我有一个文本框id = title,并在页面加载时隐藏“enterToSubmit”按钮,直到用户在文本框中输入内容,然后用户可以按Enter键提交表单.

用户按Enter键时,如何防止“clickToSubmit”按钮提交?

解决方法

遗憾的是,您无法更改 HTML中的“默认”提交按钮,它始终是第一个带有提交/图像类型的输入/按钮.

虽然您可以尝试手动捕获Enter按键事件,但这样做非常不可靠,因为Enter并不总是应该提交表单,具体取决于(a)关注的元素类型,(b)是否输入/ ctrl使用,(c)形式中的其他元素和(d)它是什么浏览器.如果你错过了一个案例,你会得到意外的默认提交;如果你遇到一个案件,你不应该,你会得到意外的输入提交.

因此,当您想要控制表单的默认提交操作时,通常会更好,在表单中添加一个额外的按钮作为第一个提交按钮.如果您不希望显示此按钮,则可以使用较大的负左值对其进行定位,以将其从页面侧面推出. (这有点难看,但通过显示或可见性隐藏它会阻止它在某些浏览器中运行.)

所以也许你可以“隐藏”输入提交按钮,而不是让它消失,而是将它推出无法看到的页面,然后在其上捕获click事件以返回false并停止提交表单.

原文链接:https://www.f2er.com/js/156111.html

猜你在找的JavaScript相关文章