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 相关文章推荐
Jquery 跨域访问 Lightswitch OData Service的方法
Sep 11 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
php.ini中date.timezone设置分析
2011/07/29 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
PHP控制反转(IOC)和依赖注入(DI)
2017/03/13 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
CLASS_CONFUSION JS混淆 全源码
2007/12/12 Javascript
String.prototype实现的一些javascript函数介绍
2013/11/22 Javascript
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
详解JS异步加载的三种方式
2017/03/07 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
JS闭包的几种常见形式实例详解
2017/09/16 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
Python常用列表数据结构小结
2014/08/06 Python
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
Pandas 按索引合并数据集的方法
2018/11/15 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
Pycharm 2020最新永久激活码(附最新激活码和插件)
2020/09/17 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
成教毕业生自我鉴定
2013/10/23 职场文书
班级入场式解说词
2014/02/01 职场文书
给校长的一封检讨书
2014/09/20 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
红歌会主持词
2015/07/02 职场文书
MongoDB数据库的安装步骤
2021/06/18 MongoDB
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js
分享几个简单MySQL优化小妙招
2022/03/31 MySQL