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

Posted 2022-02-13 pengfei25

现象

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

 

 

分析原因：

第一：查看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")
)