html网页如何通过jQuery禁用表单Enter提交

overme2个月前 (10-17)网页设计171
背景:小编开发了一个html网页,提供了输入内容后,点击保存的功能。其中输入项有个项目,输入用户id后可以自动获取用户名和其他信息。用户在使用中,输入id后习惯性按enter触发获取用户名等信息的过程。但是这导致数据在不完整的情况下,进行了提交和保存。

需求:想要取消键盘按enter自动触发表单提交的功能,仅使用 “鼠标点击”提交按钮进行表单信息上传。

方法:首先,我们需要选择表单。在Jquery中用查询选择器完成,可以通过id或class选择比如:$(“#form-id”)。 完成表单选择后,需要处理表单的提交过程。由于我们需要用户是否按下了回车键,我们在每个按键事件上添加一个事件监听器:on(“keypress”, function (event) {} )

这个事件处理程序将检查每一次的键盘按压,所以我们要求对 “enter “键进行检查。为了达到这个目的,我们可以使用event.keyCode或event.which.Default。

event.keyCode: “keyCode “属性返回触发按键事件的Unicode字符代码。
event.which: “which “属性返回该事件所按下的键盘键(或鼠标键)。

现在,我们知道回车键被按下,我们需要停止默认行为。为了达到这个目的,我们包括对jQuery方法preventDefault()的调用,以停止事件的传播。 preventDefault()

preventDefault():如果事件是可取消的,该方法将取消该事件,这意味着属于该事件的默认动作将不会发生。

相关文章

Jquery cookie设置删除及查询方法

以下将从jquery引入、cookie插件引入、Cookie设置、删除及获取进行说明: 1.如何引入jquery,可以使用cdn资源,也可以下载后加载本地资源。 <script src=”/...


		网页中通过JS显示当前时间

网页中通过JS显示当前时间

如下图所示,在114好帮手的网站顶部,有一个显示时间的效果。该怎么实现呢! 1、需要在网页中构造一个js方法,获取当前时间,并转换为需要的格式。 <script type=”tex...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。