Form表单自动提交总结

阅读更多

 

         项目开发过程中遇见了个怪异的问题：form表单下有两个文本框，但是只有第一个回车自动提交，第二个失效。于是针对问题，google了下，总结下form回车提交。

 

1、默认情况下，form表单中只有一个文本框，则不管type是button还是submit，回车后都自动提交；

如果想要阻止回车自动提交，加一个隐藏的文本框即可。

2、 只要有type为submit的按钮存在，一个文本框还是多个文本框都提交（于是前面遇到的问题就很好解决了，加上一个隐藏的submit就行了）

 

3、多个文本框的时候，不提交，用type为button的按钮

 

4、 用button元素时，FF和IE下有不同的表现

        radio和checkbox在FF下也会触发提交表单，在IE下不会

        type为image的按钮，等同于type为submit的效果

 

        5、form表单中的onsubmit句柄会在表单提交之前执行，所以可以在这里控制（return false,表单不会提交）

 6、在onkeydown上直接使用js进行回车键的判断：

if (event.keyCode == 13) {
   //func
}