JavaScript阻止回車提交表單的方法_javascript技巧
- WBOY原創
- 2016-05-16 15:22:451336瀏覽
大家對回車鍵的功能應該比較熟悉，例如在windows系統的許多應用程式中，只要點擊回車鍵就可以進入此程式或開啟某項功能，不過有時候我們希望阻止它的功能，例如在填寫表單的時候，可能不小心點擊回車鍵造成表單誤提交，以下就來簡單介紹如何實現此功能。程式碼實例如下:
如何防止回車（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>
以上程式碼可以封鎖點擊回車提交表單的功能。程式碼簡單易懂，有不明白的歡迎提出寶貴意見，謝謝大家一直以來對腳本之家網站的支持。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn