欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2009年11月02日 17:11:50   作者：  
在表單提交前經(jīng)常遇到表單驗(yàn)證問題而常用的方法有以下兩種.
1、使用提交按鈕提交，在form表單中的onsubmit事件進(jìn)行表單驗(yàn)證：
復(fù)制代碼 代碼如下:

<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í)，不能在填寫完表單時(shí),按回車不能提交表單。這給客戶的

感受是和直接使用提交按鈕提交表單是不同的；為了實(shí)現(xiàn)此項(xiàng)功能只需在你的頁面加上如下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)你輸入完密碼后,按下回車鍵即可實(shí)現(xiàn)表單驗(yàn)證和登錄操作(如果用戶名和密碼正確)。這是個(gè)人的一點(diǎn)總結(jié)，共享出來

大家齊分享！

相關(guān)文章

  • 全面理解JavaScript中的繼承(必看)

    全面理解JavaScript中的繼承(必看)

    下面小編就為大家?guī)硪黄胬斫釰avaScript中的繼承(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-06
  • JavaScript調(diào)用后臺(tái)的三種方法實(shí)例

    JavaScript調(diào)用后臺(tái)的三種方法實(shí)例

    這篇文章介紹了JavaScript調(diào)用后臺(tái)的三種方法實(shí)例，有需要的朋友可以參考一下
    2013-10-10
  • JavaScript實(shí)現(xiàn)Sleep函數(shù)的代碼

    JavaScript實(shí)現(xiàn)Sleep函數(shù)的代碼

    大家知道，JavaScript中沒有內(nèi)置我們常用的sleep()函數(shù)，只有定時(shí)器setTimeout()和循環(huán)定時(shí)器setInterval()
    2007-03-03
  • setTimeout函數(shù)的神奇使用

    setTimeout函數(shù)的神奇使用

    setTimeout函數(shù)是一個(gè)原生的javascript函數(shù)。setTimeout函數(shù)會(huì)在一個(gè)指定的延遲時(shí)間之后調(diào)用一個(gè)函數(shù)或執(zhí)行一段指定的代碼。它的應(yīng)用非常廣泛，例如我們希望用戶在瀏覽器某個(gè)頁面一段時(shí)間后彈出一個(gè)對(duì)話框，或者是鼠標(biāo)點(diǎn)擊某個(gè)元素后隔幾秒鐘在刪除這個(gè)元素。
    2017-02-02
  • 經(jīng)典面試題之JavaScript?for循環(huán)(var?let)

    經(jīng)典面試題之JavaScript?for循環(huán)(var?let)

    如果你也在面試找工作,那么也一定遇到過這道for循環(huán)打印結(jié)果的題,下面我們來探討下,對(duì)經(jīng)典面試題之js?for循環(huán)相關(guān)知識(shí)感興趣的朋友跟隨小編一起看看吧
    2023-10-10
  • JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼

    JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼

    這篇文章主要介紹了JS實(shí)現(xiàn)自動(dòng)切換文字的導(dǎo)航效果代碼,涉及javascript動(dòng)態(tài)切換頁面樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-08-08
  • seajs和requirejs模塊化簡(jiǎn)單案例分析

    seajs和requirejs模塊化簡(jiǎn)單案例分析

    這篇文章主要介紹了seajs和requirejs模塊化,結(jié)合具體案例形式分析了seaj和requirejs模塊化應(yīng)用的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下
    2019-08-08
  • Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果

    Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果

    餅圖主要是通過扇形的弧度表現(xiàn)不同類目的數(shù)據(jù)在總和中的占比,它的數(shù)據(jù)格式比柱狀圖更簡(jiǎn)單,這篇文章主要給大家介紹了關(guān)于Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果的相關(guān)資料,文中還介紹了echarts餅圖外部陰影設(shè)置的方法,需要的朋友可以參考下
    2024-02-02
  • layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法

    layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法

    今天小編就為大家分享一篇layui表格數(shù)據(jù)復(fù)選框回顯設(shè)置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript?設(shè)計(jì)模式中的代理模式詳解

    JavaScript?設(shè)計(jì)模式中的代理模式詳解

    這篇文章主要介紹了JavaScript?設(shè)計(jì)模式中的代理模式詳解,代理模式，代理是一個(gè)對(duì)象，它可以用來控制對(duì)另一個(gè)對(duì)象的訪問,更多相關(guān)內(nèi)容需要的朋友可以參考一下
    2022-07-07

最新評(píng)論