jquery禁止回车触发表单提交


Posted in Javascript onDecember 12, 2014
<form class="form-inline definewidth m20" action="/" method="get">  

            <input type="text" name="title" id="title"class="abc" value="">    

            <button type="submit" class="btn" style="margin-right:20px">查询</button>

            <select name="school_type" id="school_type">

</form>

<td style="width:90px; height:24px; text-align:center"><input   type="text" name="test" value="" class="a"></td>

test文本框的回车事件会触发上面表单的提交,这是浏览器的默认行为,要禁止自动提交,在文本框里取消默认事件。

$('.a').keypress(function(e){

            if(e.keyCode==13){

                e.preventDefault();

            }

测试过IE10 FF29正常

Javascript 相关文章推荐
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
JQuery设置文本框和密码框得到焦点时的样式
Aug 30 Javascript
js电话号码验证方法
Sep 28 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
简述JS控制台的使用
Jul 15 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
Jun 05 Javascript
微信小程序HTTP接口请求封装代码实例
Sep 05 Javascript
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
Feb 24 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 #Javascript
windows8.1+iis8.5下安装node.js开发环境
Dec 12 #Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 #Javascript
js使用递归解析xml
Dec 12 #Javascript
做web开发 先学JavaScript
Dec 12 #Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 #Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 #Javascript
You might like
php实现对象克隆的方法
2015/06/20 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
详解使用angular的HttpClient搭配rxjs
2017/09/01 Javascript
微信小程序的生命周期的详解
2017/10/19 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
javascript用rem来做响应式开发
2018/01/13 Javascript
JS使用Date对象实时显示当前系统时间简单示例
2018/08/23 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
2020/02/12 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
python实现简单flappy bird
2018/12/24 Python
Python元组常见操作示例
2019/02/19 Python
Python3.7 新特性之dataclass装饰器
2019/05/27 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
Python 连接 MySQL 的几种方法
2020/09/09 Python
python 用struct模块解决黏包问题
2020/11/07 Python
python实现定时发送邮件到指定邮箱
2020/12/23 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
普通话演讲稿
2014/09/03 职场文书
2015年社区服务活动总结
2015/03/25 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
入党转正申请书范文
2019/05/20 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS