JavaScript 禁止回车提交表单的完整实现方案

作者:窗边听雨时间:2026-10-27 20:08:29浏览:376

本文提供了一段 JavaScript 代码,用于禁用表单中回车键(Enter)的默认提交行为。通过监听 document.onkeydown 事件,判断按键代码是否为 13,若为回车则返回 false 阻止提交;否则若目标元素为 submit 类型,则手动调用 form1.submit() 提交表单。

JavaScript 禁用回车提交表单的实现

具体实现方式如下所示。


复制上述代码即可使用。

核心代码逻辑如下:

定义一个名为 ifenter 的函数:
在函数内部判断 event.keyCode 是否等于 13(回车键):
如果是回车键,则返回 false 以阻止默认提交行为:
如果不是回车键,则进一步判断 event.srcElement.type 是否等于 "submit":
若目标元素类型为 submit,则执行 form1.submit() 手动提交表单:
  }
  } 
最后,将 document.onkeydown 事件绑定到 ifenter 函数,以启用该逻辑:
作者最新文章