回車鍵提交與不提交表單的解決方法


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM