码迷,mamicode.com
首页 > 其他好文 > 详细

关于登陆界面,页面没有刷新完毕,点击登陆跳转到一个接口的bug

时间:2019-06-26 13:35:31      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:span   用户   html   nbsp   idt   htm   UNC   技术   pre   

现象

技术图片

输入完密码点击登陆就跳转到了如下的页面

技术图片

 

 

分析原因:

第一:查看html页面   页面中的html  登陆用的是form表单  表单中还写了属性  action   即允许跳到某一个接口,这里是没有必要的,  因为页面用的是js的跳转

技术图片

 

 

第二:当页面因为某种原因,例如网速不好,没有加载完成的时候,这个时候用户直接点击按钮  button   因为有type=submit,加上有action的动作,所以页面跳转到了接口,后台因为session等的原因,提示了用户名密码错误

解决办法

首先去掉form上的action,

然后 默认的时候将按钮的type=submit改成type=button,然后在js中判断,当页面加载完成的时候 将按钮的type=button改成submit即可(因为validation插件需要按钮上type=submit,否则不跳转)

完美解决

$(function(){
    $("#login").prop("type","submit")
})

 

关于登陆界面,页面没有刷新完毕,点击登陆跳转到一个接口的bug

标签:span   用户   html   nbsp   idt   htm   UNC   技术   pre   

原文地址:https://www.cnblogs.com/pengfei25/p/11089081.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!