JavaScript阻止回车提交表单的方法

前端技术 2023/09/03 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>

以上代码可以屏蔽点击回车提交表单的功能。代码简单易懂，有不明白的欢迎提出宝贵意见，谢谢大家一直以来对phpstudy网站的支持。

本文地址：https://www.stayed.cn/item/8682

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案