一个输入框，按回车自动提交表单

今天同事遇到这样一个问题，一个FORM表单，有个BUTTON按钮。点击按钮后校验数据是否完整。

 

但是一敲回车，居然跳过了验证直接提交了。这很让人郁闷。

 

解决方法有很多，但是不知道原因是什么，苦苦翻找，找到了下面这个文章，记录下来，留个念想。。

 

以下内容转载自： lancelot208

 

一个新增页面,只有一个名称是输入框,

其他的是多重选择框,

当我输完名称的时候,随手按了个回车,发现表单自动提交了,（和同事的现象一致）

这样一来,页面上的js判断都没有 生效.找了好久才发现,

如果表单内只有一个输入框时,按回车会自动提交.

先试着在页面上加个隐藏域,因为它也是input标签的,发现没用.

最后想到对输 入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){return false;}" ,问题解决了.

PS：这个原因还真够烦人的。有点莫名其妙的意思。记录一下吧。长见识了。