禁止回车提交表单

项目里用了太多的弹层,还有太多的逻辑判断,要提交到不同的 action

结果发现一个问题,某个弹层内直接回车时表单就被提交了,省略了中间好多的逻辑判断什么的

决定先暂时把这个回车禁用掉,后期再来修复功能

自动提交情况说明:

默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。
当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit)
当type="button"时,且存在多个输入框,回车不提交。(button)

网上查了下,处理办法有如下二种

1:解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text" display='none'; 然后 type 类型为 button 。

2:在 form 表单或 input 中加入:onkeydown="if(event.keyCode==13){return false;}"

决定还是使用第二种,现在各种库用得太多,反而不直观。直接onkeydown,以后代码查起来清晰一点

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注