输入账号密码实现登录功能

当实现用户的账户和密码输入正确之后，页面跳转跳转使用window.loacation.href ="网址"，

这个时候那个登录的地方有个账号和密码这个是怎么做到的呢？

现在有个方法是：

在输入账号和密码的时候，当账号和密码都正确的时候，把这个两个值都存在本地，然后转到登录进去的页面的时候，

再在本地的缓存里面取到这2个值，即可。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><style>*{margin:0;padding:0;}#top{width:100%;height:40px;background-color:black;text-align:right;font-size:14px;}#top a{color:white;text-decoration:none;line-height:40px;vertical-align:middle;margin-right:40px;}#login{display:none;margin-left:40px;}#login a{display:block;width:300px;height:40px;background-color:firebrick;line-height:40px;vertical-align: middle;color:white;text-decoration:none;text-align:center;}input{width:300px;height:40px;font-size:14px;}#login .name,.password,.bu{margin-lfet:20px;margin-top:15px;}a{cursor:pointer;}</style><script src="jquery-1.10.2.min.js"></script><script src="layer/layer.js"></script><script>function showLogin(){layer.open({type:1,//type为1表示弹出的是divtitle:'登陆',area:['395px','300px'],content:$('#login')});}function login(){var userName= $.trim($(".userName").val());//trim用于去掉空格var password= $.trim($(".password").val());if(userName==" "||password==" "){layer.alert("用户名或密码不能为空",{title:'提示',icon:5});}else{//输入用户名和密码不为空//ajax,第一个是传到的后台页面，第二个参数是用户名密码，第三个参数是从后台获取的数据$.post("/后台页面",{"userName":userName,"password":password},function(data){

                 //这个地方使用的是layer的弹出框 ，                    不使用就可以直接跳转到相应的页面   在此之前，可以把2个值存到本地  即用户名和密码                      window.location.href = "网址" if(data=="登陆成功"){layer.alert("登陆成功",{title:'提示',icon:6});}else{

                         这个地方可以用到在输入框下面把用户名或者密码错误显示出来                          当然这个地方可以用到正则，提示输入的密码符合怎么规则，账号是什么规则等等 。layer.alert("用户名或密码出错",{title:'提示',icon:5});}});}}</script>
</head>
<body>
<div id="top"><a id="reg">注册</a><a id="log" οnclick="showLogin()">登陆</a>
</div>
<!--sql注入，利用SQL语句的漏洞来攻击数据库-->
<div id="login"><div class="name"><input type="text" class="userName" placeholder="请输入用户名"></div><div class="password"><input type="password" class="password" placeholder="请输入密码"></div><div class="bu"><a οnclick="login()">登陆</a></div>
</div></body></html>

转载于:https://www.cnblogs.com/agansj/p/10771829.html

输入账号密码实现登录功能相关推荐

python 自动登录网站_python实现网站用户名密码自动登录功能
一.概述公司需要通过网页用户认证登录实现上网,网络设备判断当前帐号12小时没有没上网将会自动断开帐号上网,每天早上上班第一件事就是打开用户认证网页输入. 用户名与密码,有时候要家里通过teamvie ...
JDBC连接数据库实现登录功能
JDBC连接数据库实现登录功能在MySQL数据库中创建用户以及密码实现登录功能连接MySQL数据库登录验证在MySQL数据库中创建用户以及密码选中要使用的数据库,在数据库中创立一个user ...
业务系统实现记住密码和自动登录功能
业务系统实现记住密码和自动登录功能公司的业务系统本来是受域控的,用户不需要登录可以直接访问系统.当然,虽然不用人工登录,系统本身会读取电脑的用户名为登录标识,对系统操作权限和记录也是以电脑名.近段时 ...
登录服务器显示需要输入密码,远程服务器每次都需要输入账号密码
远程服务器每次都需要输入账号密码内容精选换一换由于root用户拥有最高权限,直接使用root用户登录服务器可能会存在安全风险.建议您使用普通用户登录服务器后切换为root用户,再执行后续安装操作 ...
Android逆向之路---Faceu的登录功能真的只提交了用户名和密码吗
问题几乎99%的软件都有登录功能,而登录这一个动作真的将我们的用户名和密码上传到了服务器吗,会不会有个人隐私呢.根据我们这个问题,我们用FaceU这个软件,逆向来看看他的登录功能到底都传了什么数据. ...
flask框架如何实现修改密码和免密登录功能
flask是python web开发的常用框架之一.本文将讲述flask如何实现修改密码和免密登录功能修改密码功能数据库部分: #重置密码 def reset_pass(phone,passwor ...
python自动输入账号密码_Python如何基于selenium实现自动登录博客园
这篇文章主要介绍了Python如何基于selenium实现自动登录博客园,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下需要做的准备: 本文章是使用 ...
vue登录如何存储cookie_vue项目实现表单登录页保存账号和密码到cookie功能
实现功能: 1.一周内自动登录勾选时,将账号和密码保存到cookie,下次登陆自动显示到表单内 2.点击忘记密码则清空之前保存到cookie的值,下次登陆需要手动输入次要的就不说了直接上主要的代码 ...
谷歌商店输入账号密码后回到登录界面/闪退
问题: 卸载谷歌所有服务后重下载谷歌三件套(换了好多家安装器了,魅族专版,go安装器,小米的,apkpure里也就是谷歌商店里的,都不行)后, 输入账号密码,第一次还会有验证身份,然后出现条款点我同 ...

输入账号密码实现登录功能

输入账号密码实现登录功能相关推荐

最新文章

热门文章

输入账号 密码 实现登录功能

输入账号 密码 实现登录功能相关推荐

最新文章

热门文章

输入账号密码实现登录功能

输入账号密码实现登录功能相关推荐