最近遇到IE6/7下敲擊回車后表單不提交的問題,網上找到些資料,備案下:
回車鍵提交表單:設置 <input /> 標簽或者 <button> 標簽的屬性 type="submit" 即可。
回車鍵不提交表單,用JavaScript來解決,具體代碼如下:
document.getElementsByTagName('form')[0].onkeydown = function(e){ var e = e || event; var keyNum = e.which || e.keyCode; return keyNum==13 ? false : true; };
分析:
如果按鈕用 <input /> 標簽,標簽的 type="submit" ,IE6、7、8、Firefox回車時均提交。
如果按鈕用 <input /> 標簽,標簽的 type="button" ,
1 沒有 <input type="text" value="" /> 回車均不提交。
2 有一個 <input type="text" value="" /> , IE6、7下焦點在何處回車均不會提交,IE8、只有焦點在 <input type="text" value="" /> 上時回車才會提交, Firefox均回車會提交。
3有多個 <input type="text" value="" /> ,IE6、7、8、Firefox均不會提交。
如果按鈕用 <input /> 標簽,標簽的 type="" ,E6、7、8、Firefox均會默認為 type="text" 。
如果按鈕用 <button> 標簽,標簽的 type="submit" ,E6、7、8、Firefox回車時均提交。
如果按鈕用 <button> 標簽,標簽的 type="button" ,
1 沒有 <input type="text" value="" /> 回車均不提交。
2 有一個 <input type="text" value="" /> , IE6、7下焦點在何處回車均不會提交,IE8、只有焦點在<input type="text" value="" />上時回車才會提交, Firefox均回車會提交。
3 有多個 <input type="text" value="" /> ,IE6、7、8、Firefox均不會提交。
如果按鈕用 <button> ,標簽的 type="" ,IE6、7下默認的 type="button" ,IE6、7下焦點在何處回車均不提交,IE8、Firefox默認為 type="submit" ,IE8、Firefox均回車會提交。
http://www.joywebsite.com/2010/04/submit-or-donot-submit-form-on-enter-button/