DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript阻止回車提交表單的方法
JavaScript阻止回車提交表單的方法
編輯:關於JavaScript     

大家對回車鍵的功能應該比較熟悉,比如在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> 

以上代碼可以屏蔽點擊回車提交表單的功能。代碼簡單易懂,有不明白的歡迎提出寶貴意見,謝謝大家一直以來對網站的支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved