前些时候一直用cookie等来进行登录页面记住面膜操作，但是由于其存储容量小等缘故，所以后来转向local storage，原理为：当用户勾选记住密码时，local storage 存储用户名密码同时存储记住密码checked,反之则为空；以下为我关于记住密码操作的代码分享

html部分

</head>

<body  >

<div class="container1">

    <div class="login">

        <img src="http://123.56.25.169:8099/esmp/img/log.png" alt=""/>

    </div>

</div>

<div id="middle">

    <div class="main">

        <div class="loginin rt" style="position: relative">

            <div class="header">

                <img src="http://123.56.25.169:8099/esmp/img/tip.png" alt=""/>

            </div>

                <div class="mainsection form-group">

                    <div style="width: 246px;height: 46px; margin-bottom: 18px">

                        <b class="lf markk"></b>

                        <input class="lf username" type="text" placeholder="用户名"

                               id="user" autofocus/>

                    </div>

                    <div style="width: 246px;height: 46px;">

                        <b class="lf markk markk1"></b>

                        <input class="lf username" type="password" placeholder="密码" autofocus id="password"/>

                    </div>

                </div>

                <div class="pw">

                    <div class="loadingstatus lf">

                    </div>

                    <div class="rt" style="font-size: 12px;color: #707070;line-height: 26px;">

                        <input type="checkbox" class="lf" id="autoLogin"/>

                        <span class="rem">

                        自动登录

                        </span>

                    </div>

                </div>

                <div class="footersection" style="text-align: center">

                    <button id="btn1">登 录</button>

                    <div class="registerhtml">

                        <span class="lf">没有账号？</span>

                        <a href="http://123.56.25.169:8099/esmp/register.html" class="lf">免费注册</a>

                    </div>

                </div>

        </div>

    </div>

</div>

</body>

</html>

js部分

//记住密码

if($('#autoLogin').is(':checked')) {

    localStorage.setItem('username', username);

    localStorage.setItem('password', password);

}else{

    localStorage.setItem('username', "");

    localStorage.setItem('password', "");

}

//记住密码end

//用户名密码value获取

$("#user").val(localStorage.getItem('username'));

$("#password").val(localStorage.getItem('password'));

if(localStorage.getItem('username')==""){

    $("#autoLogin").attr("checked",false)

}else{

    $("#autoLogin").attr("checked",true)

}

//用户名密码value获取end

local storage 简单应用‘’记住密码’的更多相关文章

  1. 基于localStorge开发登录模块的记住密码与自动登录

    前沿||我是乐于分享,善于交流的鸟窝 先做写一篇关于登录模块中记住密码与自动登录的模块.鸟窝微信:jkxx123321 关于这个模块功能模块的由来,这是鸟大大的处女秀,为什么这么说呢?一天在群里,一个 ...

  2. 记住密码超简单实现（C#）

    实现效果如下 实现过程 [Serializable] class User { //记住密码 private string loginID; public string LoginID { get { ...

  3. 一个简单WPF登陆界面，包含记住密码，自动登录等功能，简洁美观

    简介:这是一个自己以前用WPF设计的登陆界面,属于一个实验性的界面窗体,如果用于产品还很有不足.但也是有一点学习价值.后台代码略有复杂,但基本上都有注释 分类,略有代码经验的一般都能看懂. 登陆界面外 ...

  4. (转)ASP.NET里面简单的记住用户名和密码

    using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using S ...

  5. Session,Cookie 和local storage的区别

    以前从没有听说过local storage, 在网上查了一些资料,得到如下结论 从存储位置看,分为服务器端存储和客户端存储两种 服务器端: session 浏览器端: cookie, localSto ...

  6. HTML5的LocalStorage实现记住密码

    HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 localStorage ...

  7. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  8. Web持久化存储Web SQL、Local Storage、Cookies（常用）

    在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL.Local Storage.Cookies. Web SQL 作为html5本地数据库,可通过一套API来操纵 ...

  9. cookie记住密码功能

    很多门户网站都提供了记住密码功能,虽然现在的浏览器都已经提供了相应的记住密码功能 效果就是你每次进入登录页面后就不需要再进行用户名和密码的输入: 记住密码功能基本都是使用cookie来进行实现的,因此 ...

随机推荐

  1. POJ 2186 Popular Cows（Tarjan）

    http://poj.org/problem?id=2186 题意 :给你n头牛,m对关系,每对关系由两个编号组成,u和v代表着u认为v是受欢迎的,如果1认为2是受欢迎的,2认为3是受欢迎的,那1认为 ...

  2. PYTHON多进程样码

    敲了一晚上,留个念想. 发现它和LINUX的C编程差不多,就是作了PYTHON化的语法封装. 以后希望有机会能用上.. A,多进程函数化实现 import multiprocessing import ...

  3. *[topcoder]LittleElephantAndString

    http://community.topcoder.com/stat?c=problem_statement&pm=12854&rd=15709 这道题DIV1 250的,还有点意思. ...

  4. 综合经验：IO读写错误必然导致程序崩溃

    仿佛是忽然间产生的问题,每次程序退出时候,必然崩溃,花了整整一天才找到原因,就是对数据库的IO读写错误.主要是因为析构函数调用了Disconnect函数,内容如下: void SFTPTool::Di ...

  5. 【Linux远程管理】Telnet远程连接管理

    Telnet,命令行界面下的远程管理工具,因为其历史非常悠久,几乎所有的操作系统都有该工具, 但是,Telnet在传输数据是是通过明文传输的,没有加密,所以现在几乎不会使用Telnet进行管理了. ( ...

  6. VS2005代码自动提示功能失灵

    http://bbs.csdn.net/topics/340036305 方法很简单:把整个项目复制一份(文件夹名与原来不同就行).打开项目(此时可以注意到状态条显示正在更新intelligence) ...

  7. windows 上rails3.2 + ruby1.9环境搭建

    题外话:本文是通过参考网友资料,亲自尝试过后写的,有不对之处,还请网友指正! 1.搭建环境 准备ruby1.9.3 下载地址: 下载地址:http://rubyforge.org/frs/?group ...

  8. 【HDOJ】1073 Online Judge

    这道题TLE了N多次,完全不明白为什么,稍微改了一下,居然过了.使用gets过的,看讨论帖有人还推荐用hash. #include <stdio.h> #include <strin ...

  9. MySQL导入数据非常慢的解决办法

    MySQL导出的SQL语句在导入时有可能会非常非常慢,经历过导入仅45万条记录,竟用了近3个小时.在导出时合理使用几个参数,可以大大加快导入的速度. -e 使用包括几个VALUES列表的多行INSER ...

  10. Maprduce重写参考

    Maprduce数据流走向图:   流程解释    Input files        功能描述:存储在HDFS中的文件数据        InputFormat            功能描述:1 ...