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 相关文章推荐
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
js函数调用的方式
May 06 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
vue.js学习之vue-cli定制脚手架详解
Jul 02 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
Aug 06 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
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中使用模板的方法
2008/05/24 PHP
PHP中几个常用的魔术常量
2012/02/23 PHP
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
php表单敏感字符过滤类
2014/12/08 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
简明json介绍
2008/09/28 Javascript
window.location和document.location的区别分析
2008/12/23 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
js获取一组日期中最近连续的天数
2017/05/25 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
2018/09/03 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
python黑魔法之参数传递
2016/02/12 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
详解基于django实现的webssh简单例子
2018/07/17 Python
python递归法解决棋盘分割问题
2019/07/17 Python
django用户登录验证的完整示例代码
2019/07/21 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
CSS3中的Media Queries学习笔记
2016/05/23 HTML / CSS
美国美妆网站:B-Glowing
2016/10/12 全球购物
审计工作个人的自我评价
2013/12/25 职场文书
上课迟到检讨书
2014/01/19 职场文书
致长跑运动员广播稿
2014/01/31 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书