禁止回车提交表单

一般浏览器都提供了回车键提交表单功能，这样带来了不少便利。但是有时候，你的业务场景又不需要回车提交表单功能，因为这样会影响你已有的业务逻辑。

禁止回车提交 form 表单的方法：

1. 解决单个输入框的回车即提交问题，可以增加一个隐藏的input="text" display='none'; 然后 type 类型为 button 。
2. 在 form 表单或 input 中加入：onkeydown="if(event.keyCode==13){return false;}" 。

当然，如果你需要在所有提交表单的页面都禁止回车提交表单，那么可以封装成一个单独的js文件，引入即可。代码如下：

见此 demo

参考

• HTML防止input回车提交表单
• HTML页面禁用Enter键自动提交表单