javascript 按回車鍵相應(yīng)按鈕提交事件

2019-11-21 01:01:15

字體：大中小

供稿：網(wǎng)友

1、使用提交按鈕提交，在form表單中的onsubmit事件進行表單驗證：

 
<script type="text/javascript"> 

function onSub(){ 

//表單驗證代碼 

} 

</script> 

<form action="" method="" onsubmit="javascript:onSub();">

2、使用button或圖片的onclick事件調(diào)用表單驗證代碼：

復(fù)制代碼代碼如下:

 
<input type="button" name="button" id="button" onclick="javascript:onSub();" /> 

<img src="圖片路徑" onclick="javascript:onSub();" />

但是，使用第二種方式進行提交表單時，不能在填寫完表單時,按回車不能提交表單。這給客戶的

感受是和直接使用提交按鈕提交表單是不同的；為了實現(xiàn)此項功能只需在你的頁面加上如下javascript代碼即可

復(fù)制代碼代碼如下:

 
function butOnClick() { 
if (event.keyCode == 13) { 
var button = document.getElementById("bsubmit"); //bsubmit 為botton按鈕的id 
button.click(); 
return false; 
} 
} 

在你表單最有一個輸入項中出發(fā)onkeydown事件調(diào)用butOnClick()函數(shù)即可；例如：登陸程序的最后一項是密碼，則

<input type="password" name="userPwd" onkeydown="javascript:butOnClick();" />

這樣當(dāng)你輸入完密碼后,按下回車鍵即可實現(xiàn)表單驗證和登錄操作(如果用戶名和密碼正確)。這是個人的一點總結(jié)，共享出來

大家齊分享！

上一篇：深入認識javascript中的eval函數(shù)

下一篇：JQuery 解析多維的Json數(shù)據(jù)格式