前端登录页做个简单记住密码

前端登录页如何做记住密码
在一般的项目中，我们需要在登录页面点击登录时记住密码，比较方便下次登录时快速登录，这个时候我们需要在点击登录时判断记住密码是否为选中状态，如果是选中状态把用户名和输入框的值存入localStorage，如果未选中则清除存入的值。

 //记住密码if (this.checked) {localStorage.setItem("username", this.username);localStorage.setItem("password", this.password);} else {localStorage.removeItem("username");localStorage.removeItem("password");}

在登录页面的created时获取localStorage的值，如果存在，直接给用户名、密码赋值，然后修改记住密码的按钮状态

    this.username = localStorage.getItem("username");this.password = localStorage.getItem("password");// 判断是否记住密码if (typeof this.username == "string") {this.checked = true;} else {this.checked = false;}

前端登录页做个简单记住密码相关推荐

前端登录页如何做记住密码
前端登录页如何做记住密码在一般的项目中,我们需要在登录页面点击登录时记住密码,比较方便下次登录时快速登录,这个时候我们需要在点击登录时判断记住密码是否为选中状态,如果是选中状态把用户名和输入框的值存 ...
html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...
本文最后更新于[ 2019-12-21 22:28:00 ],某些文章具有时效性,若有错误或已失效,请在下方留言或联系小P君 . 今天在搞一个简单的短域名生成网页的时候,以防被滥用,所以想给h ...
前端登录页面（背景换肤 + 密码错误提示 + 密码隐藏切换）
效果展示: 背景切换: 密码提示:(要求密码位数为6-16之间,可自行改变) 代码部分: <!DOCTYPE html> <html lang="en"> ...
vue项目web前端登录页数字验证码登录流程
1.创建code.js文件夹下面是js代码 function GVerify(options) {console.log(); // 创建一个图形验证码对象,接收options对象为参数this.co ...
vue 通过接口实现前端登录页验证码功能
记录个人学习使用页面样式: 接口返回数据: 此处的base64不需要转,可直接赋值使用,详情如methods内的方法显示 html部分: <el-form-item label="& ...
前端登录实现记住密码功能
1.在登录的表单中添加记住密码勾选框 <el-form-item><el-checkbox name="type" v-model="remember& ...
vue登录页面实现记住密码的操作
首先看一下思路思路: ①点击登录按钮→调用接口→如果调用成功,判断是否选择记住密码→如果选择记住密码,则把用户名与密码存到cookie中,否则清除cookie ②点击返回登录页→在登录页create ...
Vue中使用js-cookie插件实现登录时记住密码后存取到Cookie中
场景使用vue实现一个登录页面时,实现记住密码功能. 在勾选了记住密码后将密码存储到Cookie中,然后下次直接从Cookie中取. 注: 博客: https://blog.csdn.net/bad ...
Java实现登录时cookie记住密码
前言 Java实现登录时cookie记住密码,下次登录不用重新输入密码,自动记住密码进行登录编写代码首先写一个页面登录表单,还有它对应的js <%--Created by IntelliJ ...

前端登录页做个简单记住密码

前端登录页做个简单记住密码相关推荐

最新文章

热门文章