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