AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
阻止回车提交表单,js阻止表单提交,回车提交表单

大家对回车键的功能应该比较熟悉,比如在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> 

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


阻止回车提交表单,js阻止表单提交,回车提交表单  
上一篇:Highcharts使用简例及异步动态读取数据  下一篇:基于JavaScript代码实现微信扫一扫下载APP