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

結論:

回車鍵提交表單:設置 <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均回車會提交。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章