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

背景：小编开发了一个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():如果事件是可取消的，该方法将取消该事件，这意味着属于该事件的默认动作将不会发生。

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

点击阅读更多内容！