JavaScript阻止回車提交表單的方法
更新時(shí)間：2015年12月30日 13:58:10 作者：程序員小菜
如何防止回車（enter）鍵提交表單，其實(shí)很簡單，就一句話。onkeydown="if(event.keyCode==13)return false;"把這句寫在from標(biāo)簽里面就好了
大家對(duì)回車鍵的功能應(yīng)該比較熟悉，比如在windows系統(tǒng)的很多應(yīng)用程序中，只要點(diǎn)擊回車鍵就可以進(jìn)入此程序或者開啟某項(xiàng)功能，不過有時(shí)候我們希望阻止它的功能，例如在填寫表單的時(shí)候，可能不小心點(diǎn)擊回車鍵造成表單誤提交，下面就來簡單介紹一下如何實(shí)現(xiàn)此功能。代碼實(shí)例如下:
如何防止回車（enter）鍵提交表單，其實(shí)很簡單，就一句話。onkeydown="if(event.keyCode==13)return false;"把這句寫在from標(biāo)簽里面就好了。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>屏蔽回車提交表單功能</title>
<script type="text/javascript">
window.onload=function()
{
var myform=document.getElementById("myform");
myform.onkeypress=function(ev)
{
var ev=window.event||ev;
if(ev.keyCode==13||ev.which==13)
{
return false;
}
}
}
</script>
</head>
<body>
<p>在表單中回車默認(rèn)會(huì)提交表單，在form的onkeypress事件中處理，只要返回false就可禁用回車提交表單</p>
<form id="myform">
<input type="text" name="username"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
以上代碼可以屏蔽點(diǎn)擊回車提交表單的功能。代碼簡單易懂，有不明白的歡迎提出寶貴意見，謝謝大家一直以來對(duì)腳本之家網(wǎng)站的支持。
相關(guān)文章
JavaScript轉(zhuǎn)換與解析JSON方法實(shí)例詳解
這篇文章主要介紹了JavaScript轉(zhuǎn)換與解析JSON方法,實(shí)例分析了JavaScript解析json的技巧,并附帶分析了jQuery解析與轉(zhuǎn)換json的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
最近有讀者求助，說在iframe中，創(chuàng)建一個(gè)元素，然后添加到父頁面中在ie6，ie7中行不通，而firefox和IE8可以。2010-07-07
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊，JavaScript 中的所有事物都是對(duì)象：字符串、數(shù)值、數(shù)組、函數(shù)，下面通過本文給大家介紹JavaScript函數(shù)對(duì)象，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
微信小程序?qū)崿F(xiàn)吸頂效果的方法實(shí)例
在微信小程序的開發(fā)中,經(jīng)常會(huì)有列表分類標(biāo)簽隨著界面滾動(dòng)吸頂?shù)男Ч?下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)吸頂效果的相關(guān)資料,需要的朋友可以參考下2021-08-08
javascript 構(gòu)造函數(shù)強(qiáng)制調(diào)用經(jīng)驗(yàn)總結(jié)
本文將介紹javascript構(gòu)造函數(shù)調(diào)用方面的案例應(yīng)用，需要了解的朋友可以參考下2012-12-12
這篇文章主要為大家詳細(xì)介紹了JS觸摸與手勢(shì)事件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了微信小程序如何實(shí)現(xiàn)在線客服功能,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)下拉菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-02-02
這篇文章主要介紹了js去字符串前后空格的實(shí)現(xiàn)方法，重點(diǎn)推薦使用正則的方式，感興趣的小伙伴們可以參考一下2016-02-02
大家都知道js是不能跨域的，但我們有時(shí)候就要這么用，怎么辦呢？辦法總是有的.2009-07-07