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 相关文章推荐
JS 面向对象的5钟写法
Jul 31 Javascript
来自qq的javascript面试题
Jul 24 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
jquery中get和post的简单实例
Feb 04 Javascript
Express.JS使用详解
Jul 17 Javascript
js常用系统函数用法实例分析
Jan 12 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
Vue.js原理分析之observer模块详解
Feb 17 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单例模式应用详解
2013/06/03 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
PHP扩展mcrypt实现的AES加密功能示例
2019/01/29 PHP
laravel5.6 框架邮件队列database驱动简单demo示例
2020/01/26 PHP
jQuery中after的两种用法实例
2013/07/03 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
Bootstrap 粘页脚效果
2016/03/28 Javascript
JS作为值的函数用法示例
2016/06/20 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
[58:46]OG vs NAVI 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
讲解Python中的递归函数
2015/04/27 Python
python的变量与赋值详细分析
2017/11/08 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
flask框架路由常用定义方式总结
2019/07/23 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
什么是serialVersionUID
2016/03/04 面试题
经典c++面试题四
2015/05/14 面试题
幼儿园教师奖惩制度
2014/02/01 职场文书
重大事项社会稳定风险评估方案
2014/06/15 职场文书
材料专业大学毕业生自荐书
2014/07/02 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
实习报告范文之电话客服岗位
2019/07/26 职场文书
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js