单文本框按回车禁止表单自动提交

摘抄自：http://z132.com/how-to-forbid-auto-aubmit-when-have-only-one-text-box/

在做一个输入分页号跳转的时候，发现输入完之后回车表单就会自动提交，这个不是我想达到的效果，于是就去网上搜索了下，发现原来在一个表单中只含有一个<input type=”text” />，当焦点在该输入框时，按回车form就自动提交了。

有人说这是是IE的一个BUG，但是我实际测试的时候是在火狐4下面，但是回车之后还是会出现按回车提交的现象，所以，IE Bug之说我觉得不是很可信。可能是当页面中只有一个input type=”text”时，当按回车键，就浏览器自作主张帮你提交FORM了.

解决办法:
解决办法是在页面中多加一个 <input style=”display:none” />
注意：<input type=”hidden” /> 这种隐藏的输入框是不起作用的，因为我在之前测试的时候里面已经含有很多个隐藏域了，但是还是被自动提交了。

评论

1 楼 echoloyuk 2012-07-24  

我一般是把form中的action去掉。在用户点击提交按钮的时候，用JS把action加上去，然后执行subimt()