记住密码

最新推荐文章于 2021-05-13 17:55:24 发布
最新推荐文章于 2021-05-13 17:55:24 发布
阅读量246 收藏
点赞数
分类专栏： 前端js

分享一段代码实例，它简单演示了localStorage的使用。

代码实例如下:

 
 

  
  

   
   

    
    
 
        

          01 
        
 
        

          02 
        
 
        

          03 
        
 
        

          04 
        
 
        

          05 
        
 
        

          06 
        
 
        

          07 
        
 
        

          08 
        
 
        

          09 
        
 
        

          10 
        
 
        

          11 
        
 
        

          12 
        
 
        

          13 
        
 
        

          14 
        
 
        

          15 
        
 
        

          16 
        
 
        

          17 
        
 
        

          18 
        
 
        

          19 
        
 
        

          20 
        
 
        

          21 
        
 
        

          22 
        
 
        

          23 
        
 
        

          24 
        
 
        

          25 
        
 
        

          26 
        
 
        

          27 
        
 
        

          28 
        
 
        

          29 
        
 
        

          30 
        
 
        

          31 
        
 
        

          32 
        
 
        

          33 
        
 
        

          34 
        
 
        

          35 
        
 
        

          36 
        
 
        

          37 
        
 
        

          38 
        
 
        
 
         
 
          <!doctype html> 
         
 
         
 
          < 
          html 
          > 
         
 
         
 
          < 
          head 
          > 
         
 
         
 
          < 
          meta  
          charset 
          = 
          "utf-8" 
          > 
         
 
         
 
          < 
          title 
          >记住密码</ 
          title 
          > 
         
 
         
 
          < 
          script  
          src 
          = 
          "http://libs.baidu.com/jquery/1.9.0/jquery.js" 
          ></ 
          script 
          > 
         
 
         
 
          </ 
          head 
          > 
         
 
         
 
          < 
          body 
          > 
         
 
         
 
          用户名< 
          input  
          type 
          = 
          "text"  
          id 
          = 
          "ursename" 
          > < 
          br 
          > 
         
 
         
 
          密码  < 
          input  
          type 
          = 
          "text"  
          id 
          = 
          "password" 
          > < 
          br 
          > 
         
 
         
 
          < 
          input  
          id 
          = 
          "chk"  
          type 
          = 
          "checkbox" 
          > 
         
 
         
 
          < 
          lable  
          for 
          = 
          "chk" 
          >自动登录</ 
          lable 
          > 
         
 
         
 
          < 
          script 
          > 
         
 
         
 
          //localStorage.getItem('')获取要存储的值 
         
 
         
 
          $('#chk').click(function() { 
         
 
         
 
               
          if (this.checked) { 
         
 
         
 
                 
          //将值存储在本地 
         
 
         
 
                 
          localStorage.setItem('names', $("#ursename").val()); 
         
 
         
 
                 
          localStorage.setItem(('pass'), $('#password').val()); 
         
 
         
 
                 
          //                           alert(localStorage.getItem('names')); 
         
 
         
 
                 
          //                           alert(localStorage.getItem('pass')) 
         
 
         
 
               
          } else { 
         
 
         
 
                 
          //在本地删除存储 
         
 
         
 
                 
          localStorage.removeItem('names'); 
         
 
         
 
                 
          localStorage.removeItem('pass'); 
         
 
         
 
                 
          // console.log(localStorage.getItem('names')) 
         
 
         
 
               
          } 
         
 
         
 
             
          }) 
         
 
         
 
             
          //判断是否有存储值如果有的话取出存储的值 
         
 
         
 
          if (localStorage.getItem('names') && localStorage.getItem('pass')) { 
         
 
         
 
             
          $('#ursename').val(localStorage.getItem('names')); 
         
 
         
 
             
          $('#password').val(localStorage.getItem('pass')); 
         
 
         
 
             
          $('#chk').prop("checked", true); 
         
 
         
 
          } 
         
 
         
 
          </ 
          script 
          > 
         
 
         
 
          </ 
          body 
          > 
         
 
         
 
          </ 
          html 
          >
Return_KB
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
登录页面记住用户名密码
11-27
实现第二次登录记住用户名和密码，同时复选框被选中，实现跳转。
登录界面如何实现记住用户名和密码 且实现自动登录
傲娇的何先生的博客
08-09 3万+
最近在一次练习中遇到了一个问题，如何在登录界面实现记住用户名和密码，并且可以进行勾选是否自动登录。 首先，给大家看下我的登陆界面。 很显然，我布置了checkbox，一个用于记住密码，一个用于自动登录。 <label> <input type="checkbox" name="autoLogin" id = "autoLogin"> 自动登录 ...
登录时记住密码的实现
很菜，但是没有放弃
06-20 2万+
项目中基本上登录是必不可少的一步，对此，在登录时选择记住密码这一功能也是不错的选择。所以，前段时间要我实现记住密码这个功能，我就写了一个demo出来。 思路：记住密码这个功能其实和普通浏览器记住密码功能是查不多的，主要 是通过cookie来实现的。 1、引入文件 <script type="text/javascript" src="<%=request.getContextPath(...
记住密码的实现
bajiudongfeng的专栏
03-25 427
src="/script/common/jquery.cookie.js"> 导入js style="margin-top: 3px" /> 记住信息 复选框 function saveUserInfo(){   if($("#checkboxinfo").attr("checked")=="checked"){ var nameOrMail = $("#nameOrMa
实现记住密码功能
01-15
在网页应用中，"记住密码"功能是一个常见且重要的特性，它允许用户在登录时选择保存他们的凭据，以便在未来的访问中自动填充，从而提高用户体验。实现这一功能涉及到多个技术层面，包括浏览器存储机制、安全性考虑...
Android实现记住密码功能
08-25
"Android实现记住密码功能" Android实现记住密码功能是Android应用程序中的一项重要功能，旨在提供一种便捷的方式，让用户能够快速登录应用程序，而不需要每次都输入账号和密码。本文将详细介绍如何使用...
SharedPreferences记住密码
05-24
利用SharedPreferences记住密码， SharedPreferences sp = getSharedPreferences("bh", MODE_PRIVATE); Editor editor = sp.edit();//编辑器 editor.putString("username", username.getText().toString()); ...
C#实现记住密码
04-21
在C#编程中，"记住密码"功能是一个常见的用户交互特性，主要目的是为了方便用户在下次登录时无需再次输入他们的密码。实现这个功能涉及到几个关键点，包括数据存储、安全性和用户界面设计。下面我们将详细探讨这些...
记住密码和判断是否进入
01-16
在IT行业中，"记住密码"是一项常见的功能，它允许用户在登录某个应用或网站时保存他们的凭证，以便在下次访问时自动填充，提高用户体验。这个功能通常涉及到浏览器存储、加密安全以及用户隐私等方面的知识。 首先，...
JAVA记住用户名密码功能实现
柯学家的博客
08-24 1万+
1.首先，写一个登陆的jsp页面，做一个form表单的post请求，地址链接到自己的servlet文件 2.然后写servlet，用户名密码验证，判断是否勾选记住密码，并生成cookie，保存到客户端。 3.最后是jsp页面的js代码，实现用户名密码的展示 4.最后是运行结果 5.刷新页面的结果 6.把密码存入cookie是有盗号风险的，为了解决这个问题，推荐...
实现登录时的 记住密码功能
dengxianji1647的博客
11-30 291
其实核心思想就是把用户名和密码存到cookie中，在下次重新进页面时候在从cookie读取 首先要引入2个js <script type="text/javascript"src="js/jquery.min.js"></script> <script type="text/javascript"src="js/j...
php中实现记住密码下次自动登录的例子
葛二蛋的博客
08-05 2964
做网站的时候经常会碰到要实现记住密码，下次自动登录，一周内免登陆，一个月内免登陆这种需求。这种功能一般都是通过cookie来实现的。本篇文章将简单说一下如何使用php实现该需求的。当然实现该需求的方法有N多种。 整个过程就是用户在登陆的时候，如果选择了记住密码或者一周内免登陆等这个选项的时候，则在用户成功登陆操作完成之后，存储一个实现自动登录的cookie的数据到数据库的用户表里面，作为下次自动
记住密码功能
10-29 1万+
    目标： 现在的用户一般都是越来越懒了，所以很多网站登陆时都有提供记住密码功能，以便用户下次登陆不需要再输入用户及密码。     思路：页面中提供记住密码选框当用户勾选记住密码的选项时，如果通过用户合法性及正确性的验证后，便将用户名与密码记入Cookie。当页面再次加载时在Page_Load事件中检测是否上次已记住该用户，如果记住的话便将用户名与密码提取出来赋值给应用程序。由此完成记
登录的时候 实现记住密码
ccyy
05-13 1036
项目中基本上登录是必不可少的一步，对此，在登录时选择记住密码这一功能也是不错的选择。 今天测试找我说项目中的记住密码功能没用。我一看前同事就没写这一块的代码。搞了个复选框丢在哪里就没管。 先引入需要的js文件。 <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> <script src="../static/js/jquery.cookie.js" th:src="@{
前端记住密码功能
热门推荐
123的博客
11-27 5万+
上周给运营系统补了个记住密码的功能，好像很容易的需求啊，还真费了不少劲，补充了不少cookie方面的知识~特地总结下！ 大体思路就是通过存/取/删cookie实现的；每次进入登录页，先去读取cookie，如果浏览器的cookie中有账号信息，就自动填充到登录框中，存cookie是在登录成功之后，判断当前用户是否勾选了记住密码，如果勾选了，则把账号信息存到cookie当中，效果图如下： 浏览...
springboot 记住密码
最新发布
03-09
记住密码是指在用户登录时，可以选择保存密码，下次登录时自动填充密码，而不需要再次输入。 在Spring Boot中实现记住密码功能可以通过以下步骤： 1. 在登录页面添加一个复选框，用于用户选择是否记住密码。 2. 当...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值