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

時間 2019-11-11

原文原文鏈接

最近遇到IE6/7下敲擊回車後表單不提交的問題,網上找到些資料,備案下:html

回車鍵提交表單：設置 <input /> 標籤或者 <button> 標籤的屬性 type="submit" 便可。函數

回車鍵不提交表單，用JavaScript來解決，具體代碼以下：spa

document.getElementsByTagName('form')[0].onkeydown = function(e){
    var e = e || event;
    var keyNum = e.which || e.keyCode;
    return keyNum==13 ? false : true;
};

分析：code

若是按鈕用 <input /> 標籤，標籤的 type="submit" ，IE六、七、八、Firefox回車時均提交。orm

若是按鈕用 <input /> 標籤，標籤的 type="button" ，htm

1 沒有 <input type="text" value="" /> 回車均不提交。
2 有一個 <input type="text" value="" /> ， IE六、7下焦點在何處回車均不會提交，IE八、只有焦點在 <input type="text" value="" /> 上時回車纔會提交， Firefox均回車會提交。
3有多個 <input type="text" value="" /> ，IE六、七、八、Firefox均不會提交。ip

若是按鈕用 <input /> 標籤，標籤的 type="" ，E六、七、八、Firefox均會默認爲 type="text" 。get

若是按鈕用 <button> 標籤，標籤的 type="submit" ，E六、七、八、Firefox回車時均提交。input

若是按鈕用 <button> 標籤，標籤的 type="button" ，it

1 沒有 <input type="text" value="" /> 回車均不提交。
2 有一個 <input type="text" value="" /> ， IE六、7下焦點在何處回車均不會提交，IE八、只有焦點在<input type="text" value="" />上時回車纔會提交， Firefox均回車會提交。
3 有多個 <input type="text" value="" /> ，IE六、七、八、Firefox均不會提交。

若是按鈕用 <button> ，標籤的 type="" ，IE六、7下默認的 type="button" ，IE六、7下焦點在何處回車均不提交，IE八、Firefox默認爲 type="submit" ，IE八、Firefox均回車會提交。

====================

或者直接在form中寫

<html>
<head>
<title>禁止按回車鍵提交表單</title>
</head>
<body>
<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
<input type=text name=user>
<input type=text name=pass>
<input type=button name=mybutton value=submit onclick=myform.submit()>
</form>
您能夠在"myform.submit()"函數里加入表單判斷，和通常的表單判斷同樣，只是改一下函數名。
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。