form表单回车自动提交(禁止)

来源:互联网 发布:淘宝客 api 编辑:程序博客网 时间:2024/05/29 10:56
今天写了一个登录界面,测试的时候发现在任意一个输入框内键入回车之后表单就提交了。但是很明显在未输入完全的情况下是不应该允许提交表单的。那么原因到底是什么呢?其实,原因很简单。由于我在写按钮的时候一不小心就在<input>标签内加了一个type="submit"。就是这么一个属性导致了在任意一个输入框内键入回车表单就自动提交了。解决方法也很简单:第一:自己写一个按钮,自己写js去处理点击事件。第二:保留submit属性,在form标签内添加键盘事件`onkeydown="if(event.keyCode==13)return false;"`ok,这下不会再出现在输入框内键入回车表单自动提交了。
0 0