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>
以上代码可以屏蔽点击回车提交表单的功能。代码简单易懂,有不明白的欢迎提出宝贵意见,谢谢大家一直以来对积木网网站的支持。
Highcharts使用简例及异步动态读取数据
Highcharts是一个用纯JavaScript编写的一个图表库,能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和
基于JavaScript实现手机短信按钮倒计时(超简单)
在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面我就给大家提供一段代码很实用的。废话不多说了,直接给
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
本文分享了项目中使用Ace模板的菜单样式和基于iframe的Tab页效果。一、效果展示折腾了好久,终于将菜单样式和Tab页的效果从项目中抽出来了。1、初始
编辑:一起学习网
标签:表单,回车键,功能,效果,代码