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

现象

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

分析原因:

第一:查看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")
})
原文地址:https://www.cnblogs.com/pengfei25/p/11089081.html