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

 更新时间:2017年03月08日 14:31:16   作者:MrTibbles  
这篇文章主要介绍了bootstrap表单按回车会自动刷新页面的问题及解决办法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

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

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

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

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

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

相关文章

  • javascript实现固定侧边栏

    javascript实现固定侧边栏

    这篇文章主要为大家详细介绍了javascript实现固定侧边栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • JS前端接口防止重复请求的三种实现方案

    JS前端接口防止重复请求的三种实现方案

    前段时间心血来潮,想把项目的前端都做一下接口防止重复请求的处理,虽然大部分的接口处理我们都是加了loading的,但又不能确保真的是每个接口都加了的,下面就来总结一下这次的防重复请求的实现方案,需要的朋友可以参考下
    2024-03-03
  • layUI实现列表查询功能

    layUI实现列表查询功能

    这篇文章主要为大家详细介绍了layUI实现列表查询功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • iframe父页面获取子页面参数的方法

    iframe父页面获取子页面参数的方法

    这篇文章主要介绍了iframe父页面获取子页面参数的方法,需要的朋友可以参考下
    2014-02-02
  • JS原型链怎么理解

    JS原型链怎么理解

    本文重点给大家介绍javascript中的原型链知识,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-06-06
  • JS实现把鼠标放到链接上出现滚动文字的方法

    JS实现把鼠标放到链接上出现滚动文字的方法

    这篇文章主要介绍了JS实现把鼠标放到链接上出现滚动文字的方法,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,需要的朋友可以参考下
    2016-04-04
  • 微信小程序scroll-view实现左右联动

    微信小程序scroll-view实现左右联动

    这篇文章主要为大家详细介绍了微信小程序scroll-view实现左右联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 用js限制网页只在微信浏览器中打开(或者只能手机端访问)

    用js限制网页只在微信浏览器中打开(或者只能手机端访问)

    这篇文章主要介绍了用js限制网页只在微信浏览器中打开,很多电影站也是这么限制的,原因你懂的,需要的朋友可以参考下
    2020-01-01
  • H5实现中奖记录逐行滚动切换效果

    H5实现中奖记录逐行滚动切换效果

    这篇文章主要为大家详细介绍了H5实现中奖记录逐行滚动切换效果,利用定时器实现中奖记录逐行展示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 使用layui的router来进行传参的实现方法

    使用layui的router来进行传参的实现方法

    今天小编就为大家分享一篇使用layui的router来进行传参的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论