快捷導(dǎo)航

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

更新時(shí)間：2009年11月02日 17:11:50 作者：

在表單提交前經(jīng)常遇到表單驗(yàn)證問(wèn)題而常用的方法有以下兩種.

1、使用提交按鈕提交，在form表單中的onsubmit事件進(jìn)行表單驗(yàn)證：

 
<script type="text/javascript"> 

function onSub(){ 

//表單驗(yàn)證代碼 

} 

</script> 

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

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

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

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

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

但是，使用第二種方式進(jìn)行提交表單時(shí)，不能在填寫(xiě)完表單時(shí),按回車(chē)不能提交表單。這給客戶的

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

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

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

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

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

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

大家齊分享！

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對(duì)位置的方法
這篇文章主要介紹了JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對(duì)位置的方法,涉及JavaScript針對(duì)頁(yè)面元素及元素屬性的相關(guān)操作技巧,需要的朋友可以參考下
2016-03-03
js讀寫(xiě)COOKIE實(shí)現(xiàn)記住帳號(hào)或密碼的代碼(js讀寫(xiě)COOKIE)
js實(shí)現(xiàn)記住帳號(hào)或密碼(js讀寫(xiě)COOKIE) 的實(shí)現(xiàn)代碼，原理就是利用cookies保存于讀取功能。
2010-05-05
JavaScript Rxjs mergeMap 的使用場(chǎng)合
這篇文章主要介紹了JavaScript Rxjs mergeMap 的使用場(chǎng)合,mergeMap 接收一個(gè)函數(shù)作為輸入?yún)?shù)，這個(gè)函數(shù)的輸入?yún)?shù)就是通過(guò) pipe 鏈接 mergeMap 的 Observable 里包含的元素
2022-07-07
Javascript函數(shù)式編程簡(jiǎn)單介紹
什么是函數(shù)式編程？根據(jù)百度百科的描述，“函數(shù)式編程是種編程典范，它將電腦運(yùn)算視為函數(shù)的計(jì)算。函數(shù)編程語(yǔ)言最重要的基礎(chǔ)是 λ 演算（lambda calculus）。而且λ演算的函數(shù)可以接受函數(shù)當(dāng)作輸入（參數(shù)）和輸出（返回值）?！?/div> 2015-10-10
js實(shí)現(xiàn)的類(lèi)似于asp數(shù)據(jù)字典的數(shù)據(jù)類(lèi)型代碼實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的類(lèi)似于asp數(shù)據(jù)字典的數(shù)據(jù)類(lèi)型代碼實(shí)例,即js實(shí)現(xiàn)的字典數(shù)據(jù)類(lèi)型,需要的朋友可以參考下
2014-09-09
layer關(guān)閉彈出窗口觸發(fā)表單提交問(wèn)題的處理方法
今天小編就為大家分享一篇layer關(guān)閉彈出窗口觸發(fā)表單提交問(wèn)題的處理方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
通過(guò)js獲取上傳的圖片信息（臨時(shí)保存路徑，名稱(chēng)，大?。┤缓笸ㄟ^(guò)ajax傳遞給后端的方法
最近有朋友向我請(qǐng)教，使用js獲取上傳圖片的信息然后通過(guò)ajax傳遞給后端，怎么實(shí)現(xiàn)呢？通過(guò)上網(wǎng)搜索大量資料，下面小編把我的解決辦法整理，分享給大家，需要的朋友可以參考下
2015-10-10
我也種棵OO樹(shù)JXTree[js+css+xml]
我也種棵OO樹(shù)JXTree[js+css+xml]...
2007-04-04
JavaScript判斷DIV內(nèi)容是否為空的方法
整體思路是這樣的：判斷div內(nèi)部是否為空，如果為空，給出無(wú)數(shù)據(jù)提示；否則顯示正常頁(yè)面，下面給大家分享js判斷div內(nèi)容是否為空的方法，對(duì)判斷div內(nèi)容是否為空的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
小程序自定義組件全局樣式不生效的解決方法
在使用原生框架開(kāi)發(fā)小程序時(shí)遇到一個(gè)問(wèn)題，在 app.wxss 中定義的全局樣式在自定義組件中不生效，本文就詳細(xì)的介紹一下，感興趣的可以了解一下
2021-08-08