最近遇到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/