JavaScript阻止回车提交表单的方法
2015-12-30 00:00
736 查看
大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能。代码实例如下:
如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。
以上代码可以屏蔽点击回车提交表单的功能。代码简单易懂,有不明白的欢迎提出宝贵意见,谢谢大家一直以来对脚本之家网站的支持。
javascript 回车键触发表单提交的问题
js 回车提交表单两种实现方法
js禁止回车提交表单的示例代码
javascript实现回车键提交表单方法总结
js光标定位文本框回车表单提交问题的解决方法
如何防止回车(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>
以上代码可以屏蔽点击回车提交表单的功能。代码简单易懂,有不明白的欢迎提出宝贵意见,谢谢大家一直以来对脚本之家网站的支持。
您可能感兴趣的文章:
没有form表单情况下敲回车键提交表单的js代码javascript 回车键触发表单提交的问题
js 回车提交表单两种实现方法
js禁止回车提交表单的示例代码
javascript实现回车键提交表单方法总结
js光标定位文本框回车表单提交问题的解决方法
相关文章推荐
- 基于JavaScript实现手机短信按钮倒计时(超简单)
- JavaScript的对象、this、类和prototype
- seajs 源码 学习心得
- 常用的js校验比较全
- js 中{},[]中括号,大括号的使用
- 【ExtJs】 ExtJs4.2 基本表单组件的使用
- 跟李炎恢老师学习Javascript
- knockoutjs一 关于knockoutjs
- juqery.form.js在提交表单前修改某个值的方法
- jsp页面ckeditor配置
- javascript canvas 实现下雪效果 圣诞节专用
- Javascript Event
- js窗体滚动加载数据事件
- js遍历获取表格内数据方法
- JavaScript高级程序设计第15章(使用Canvas)
- 原生js获取 id name tagName的封装
- JavaScript字符串的操作
- JS之相册拖动管理
- JS之改变盒子颜色
- js 点号 中括号