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

概述现象 输入完密码点击登陆就跳转到了如下的页面     分析原因： 第一：查看html页面   页面中的html  登陆用的是form表单  表单中还写了属性  action   即允许跳到某一个接口，这里是没有必要的,  因为页面用的是js的跳转     第二：当页面因为某种原因，例如网速不好，没有加载完成的时候，这个时候用户直接点击按钮  button   因为有type=submit，加上有a

现象

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

 

 

分析原因：

第一：查看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全部内容，希望文章能够帮你解决关于登陆界面，页面没有刷新完毕，点击登陆跳转到一个接口的bug所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。