关于登陆界面,页面没有刷新完毕,点击登陆跳转到一个接口的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

时间: 2024-10-22 10:39:08

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

登陆界面用户名,密码存储以及再次登陆自动填充用户名、密码

XML文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent&q

IOS 点击tabbaritem跳转到一个新界面,且隐藏tabbar

先自定义一个UITabbarController,用于Storyboard中 再在MyTabbarController中实现protocol @interface MyTabbarController : UITabBarController <UITabBarControllerDelegate> @end 再实现代理里面的方法 @implementation MyTabbarController - (BOOL)tabBarController:(UITabBarController *)

前端开发---登陆注册页面优化

1.本次用到错误提示文字的颜色 http://v3.bootcss.com/css/#forms jquery 教程: http://www.w3school.com.cn/jquery/index.asp 2.工程地址:https://github.com/digitalClass/web_page 网站发布地址: http://115.28.30.25:8029/ 3. 主要工作 优化登陆注册页面显示 因为业务需要, 登陆注册页面被后端给改了, 显示效果如下: 可以看到表单全部乱掉了.打开后

Android学习笔记(4)——登陆界面模拟及存储文件到内存

搬运自本人博客:xge技术博客 原文:http://www.xgezhang.com/android_login_save_file.html 在本机或服务器上保存文件是比较简单的一件事,那么在安卓系统下我们该如何存储文件呢?这里我们借用登陆界面常见的"记住登陆用户名密码"的为例,来介绍一下如何把文件保存到手机内存,也综合复习和练习一下之前的内容: 首先我们还是先做界面: 对应的xml布局文件如下,采用的是线性布局加上相对布局来实现的: ? 1 2 3 4 5 6 7 8 9 10 1

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件)

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件) 转载请注明:http://blog.csdn.net/qiuzhping/article/details/42596339 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <%@ page langu

js界面刷新&Django使用Ajax实现页面无刷新评论回复功能

Django使用Ajax实现页面无刷新评论回复功能 http://www.cnblogs.com/mfc-itblog/p/5188900.html js界面刷新 http://www.cnblogs.com/dingdingo/archive/2011/10/26/2225307.html js界面刷新&Django使用Ajax实现页面无刷新评论回复功能

wireshark安装完毕,但登陆时卡登陆界面问题解决办法

前一阵子,需要wireshark抓包,安装好wireshark之后,却发现登陆时总会卡在登陆界面,如图: 一直卡在这,找了好多天问题,最终终于找到问题所在. 原因:笔者的电脑安装的是windows10系统,但在官网上所下的wireshark他所默认的winPcap版本是4.1.3,而这个并不适合windows10系统. 解决方案:可以下载并安装专门兼容windows10的win10Pcap,下载地址 http://www.win10pcap.org/download/ 安装后,就可以进入了. 另

项目前安装软件以及登陆界面(Eclipse+JDK+SDK+ADT )

 我们准备做的是一个聊天软件,所以我尝试做了一下登陆界面.本来打算用前段的技术实现,后来就做了一下子,但是没有完善.上周刚好买了本安卓的书,于是自学了一部分知识.于是自己尝试做下手机端的登陆界面. 进行安卓开发,首先是安装软件:Eclipse+JDK+SDK+ADT(虽然Android studio现在非常流行,但是我还是用eclipse配置了,感觉用习惯了eclipse) 可以直接在这里下载所有的软件:http://www.android-studio.org/ 为什么不直接进官网下载?由于某

PHPMyAdmin无登陆界面之解决

在使用Wamp的PHPMyAdmin时发现,登陆只有图标,没有登陆界面. 其实只要需要依次打开找到并编辑 wamp64\apps\phpmyadmin4.5.5.1\libraries\plugins\authAuthenticationCookie.class.php 然后删除如图所示两处 hide并保存 刷新下页面,登陆界面就出现了