老蔡的个人专栏正式成立,以后工作中遇到的技术问题,或者生活中对一些事物的见解,都会和大家分享!独乐乐不如众乐乐!

bootstrap 按钮点击或者表单回车时 自动刷新页面问题

WEB前端 BlandonTsai 5091℃ 0评论

前两天,在处理公司后台的管理系统时,遇到了很是诡异的问题:

后台的搜索按钮,及输入框在回车的时候,无法执行查询事件,而是页面直接像 F5 一样刷新了一遍!!!

点击按钮刷新页面问题

定义按钮时没有写 type=”button” 这个属性。虽然它的默认值就是 button,但在bootstrap下好像不写会刷新页面,当然原生html不会出现这种情况。

输入框回车时刷新页面问题

bootstrap表单中,用一个input输入框,就会默认绑定回车刷新事件;多个input输入框,就不会出现这种状况。

方案一:添加一个隐藏表单项

方案二:将 form 改成 div 也能避免这种情况的发生。

转载请注明:似水流年 » bootstrap 按钮点击或者表单回车时 自动刷新页面问题

如果觉得文章还不错,欢迎打赏
喜欢 (0)or分享 (0)
头像
发表我的评论
取消评论


(1)个小伙伴在吐槽
  1. 头像
    :happy: :happy: :jue:
    匿名2017-09-21 11:39 回复