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
}