如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;" 把这句写在 from 标签里面就好了
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
大家对回车键的功能应该比较熟悉,比如在 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>
以上代码可以屏蔽点击回车提交表单的功能。代码简单易懂,有不明白的欢迎提出宝贵意见,谢谢大家一直以来对 phperz 网站的支持。
来源: