bootstrap表单按回车会自动刷新页面的解决办法


Posted in Javascript onMarch 08, 2017

想给form表单增加回车自动提交的功能

$('#password').keydown(function(event){
    if (event.keyCode == 13) $('#login').click();
  });

然而,并没有达到预期的效果,而是自动刷新了表单,并将表单参数放在了url后面,如图

bootstrap表单按回车会自动刷新页面的解决办法

发现是是form标签的问题,将其改为div

bootstrap表单按回车会自动刷新页面的解决办法

问题解决,原因应该是form表单按enter会自动提交的原因。

Javascript 相关文章推荐
Prototype 学习 工具函数学习($A方法)
Jul 12 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
EditPlus 正则表达式 实战(3)
Dec 15 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
Sep 05 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
Oct 25 Javascript
JavaScript实现数值自动增加动画
Dec 28 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
JS正则表达式验证密码强度
Mar 18 Javascript
jquery仿苹果的时间/日期选择效果
Mar 08 #Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 #Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 #Javascript
jquery仿ps颜色拾取功能
Mar 08 #Javascript
关于Javascript中document.cookie的使用
Mar 08 #Javascript
JavaScript中transform实现数字翻页效果
Mar 08 #Javascript
vue动态组件实现选项卡切换效果
Mar 08 #Javascript
You might like
php递归方法实现无限分类实例代码
2014/02/28 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
JavaScript实用技巧(一)
2010/08/16 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
jQuery拖拽通过八个点改变div大小
2020/11/29 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
原生js实现旋转木马轮播图效果
2017/02/27 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
javascript如何用递归写一个简单的树形结构示例
2017/09/06 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
[01:31:03]DOTA2完美盛典全回顾 见证十五项大奖花落谁家
2017/11/28 DOTA
python list是否包含另一个list所有元素的实例
2018/05/04 Python
程序员写Python时的5个坏习惯,你有几条?
2018/11/26 Python
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
经典C++面试题一
2016/11/06 面试题
远东集团网络工程师面试题
2014/10/20 面试题
面料业务员岗位职责
2013/12/26 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
万年牢教学反思
2014/02/15 职场文书
进口业务员岗位职责
2014/04/06 职场文书
给客户的感谢信
2015/01/21 职场文书
暑期实践个人总结
2015/03/06 职场文书
合同纠纷调解书
2015/05/20 职场文书
医院保洁员管理制度
2015/08/05 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA