JavaScript阻止回車(chē)提交表單的方法
大家對(duì)回車(chē)鍵的功能應(yīng)該比較熟悉，比如在windows系統(tǒng)的很多應(yīng)用程序中，只要點(diǎn)擊回車(chē)鍵就可以進(jìn)入此程序或者開(kāi)啟某項(xiàng)功能，不過(guò)有時(shí)候我們希望阻止它的功能，例如在填寫(xiě)表單的時(shí)候，可能不小心點(diǎn)擊回車(chē)鍵造成表單誤提交，下面就來(lái)簡(jiǎn)單介紹一下如何實(shí)現(xiàn)此功能。代碼實(shí)例如下:
如何防止回車(chē)（enter）鍵提交表單，其實(shí)很簡(jiǎn)單，就一句話。onkeydown="if(event.keyCode==13)return false;"把這句寫(xiě)在from標(biāo)簽里面就好了。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>屏蔽回車(chē)提交表單功能</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>在表單中回車(chē)默認(rèn)會(huì)提交表單，在form的onkeypress事件中處理，只要返回false就可禁用回車(chē)提交表單</p>
<form id="myform">
<input type="text" name="username"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
以上代碼可以屏蔽點(diǎn)擊回車(chē)提交表單的功能。代碼簡(jiǎn)單易懂，有不明白的歡迎提出寶貴意見(jiàn)，謝謝大家一直以來(lái)對(duì)腳本之家網(wǎng)站的支持。
相關(guān)文章
這篇文章主要介紹了javascript格式化指定日期對(duì)象的方法,涉及javascript針對(duì)日期對(duì)象操作的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JS實(shí)現(xiàn)靜止元素自動(dòng)移動(dòng)示例
這篇文章主要介紹了JS實(shí)現(xiàn)靜止元素自動(dòng)移動(dòng)的具體實(shí)現(xiàn),需要的朋友可以參考下2014-04-04
這篇文章主要介紹了JavaScript作用域、作用域鏈和閉包的用法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
form表單數(shù)據(jù)封裝成json格式并提交給服務(wù)器的實(shí)現(xiàn)方法
下面小編就為大家分享一篇form表單數(shù)據(jù)封裝成json格式并提交給服務(wù)器的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
uniapp H5 https跨域請(qǐng)求實(shí)現(xiàn)
這篇文章主要介紹了uniapp H5 https跨域請(qǐng)求實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
js canvas實(shí)現(xiàn)適用于移動(dòng)端的百分比儀表盤(pán)dashboard
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)適用于移動(dòng)端的百分比儀表盤(pán)dashboard，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
微信小程序?qū)崿F(xiàn)自動(dòng)播放視頻模仿gif動(dòng)圖效果實(shí)例
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)自動(dòng)播放視頻模仿gif動(dòng)圖效果的相關(guān)資料,通過(guò)本文介紹的方法可以實(shí)現(xiàn)自動(dòng)播放視頻，視頻無(wú)控制條無(wú)聲音且自動(dòng)循環(huán)播放,需要的朋友可以參考下2021-07-07
bootstrap switch開(kāi)關(guān)組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap switch開(kāi)關(guān)組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
詳解JavaScript中的before-after-hook鉤子函數(shù)
最近看別人的代碼，接觸到一個(gè)插件，before-after-hook，百度搜一圈也沒(méi)有看到什么地方有教程,本文就來(lái)簡(jiǎn)單介紹一下這個(gè)插件的使用方法，需要的可以參考一下2022-12-12
[藍(lán)色]一個(gè)很Cool的JS菜單效果...2006-09-09