参考文章给忘了。。。，我就在他基础上修改了一些，但至于安全性，我没弄md5,所以安全系数应该为0

<!DOCTYPE html>

<html lang="en">

<head>

</head>

<body class="no-skin" onload="checkCookie()">

<form action="" name="userForm" id="userForm" method="post">

   <table>

      <tr>

         <td><label for="username">用户名:</label></td>

         <td><input type="text" name="username" id="username" /></td>

      </tr>

      <tr>

         <td><label for="password">密码:</label></td>

         <td><input type="password" name="password" id="password" /></td>

      </tr>

         <td colspan="2"><input type="submit" value="注册" onclick="checkCookie()"/></td>

         <td><label for="remmber">记住密码</label></td>

         <td><input type="checkbox" value="flag" name="remmber" id="remmber"/></td>

      </tr>

   </table>

</form>

</body>

<script type="text/javascript">

   $(top.hangge());

    <!-- 记住密码 -->

        function getCookie(c_name)      //根据分隔符每个变量的值

        {

            if (document.cookie.length > 0) {

                c_start = document.cookie.indexOf(c_name + "=")

                if (c_start != -1) {

                    c_start = c_start + c_name.length + 1;

                    c_end = document.cookie.indexOf("^",c_start);

                    if (c_end==-1)

                        c_end=document.cookie.length;

                    return unescape(document.cookie.substring(c_start,c_end));

                }

            }

            return "";

        }

    function setCookie(c_name, n_value, p_name, p_value, expiredays)        //设置cookie

    {

        var exdate = new Date();

        exdate.setDate(exdate.getDate() + expiredays);

        document.cookie = c_name + "=" + escape(n_value) + "^" + p_name + "=" + escape(p_value) + ((expiredays == null) ? "" : "^;expires=" + exdate.toGMTString());

        console.log(document.cookie)

    }

    function checkCookie()      //检测cookie是否存在，如果存在则直接读取，否则创建新的cookie

    {

        //alert(document.cookie)

        var username = getCookie('username');

        var password = getCookie('password');

        if (username != null && username != "" && password != null && password != "") {

            $("#username").val(username);

            $("#password").val(password);

        } else {

         if(document.getElementById('remmber').checked) {

                username = $("#username").val();

                password = $("#password").val();

                if (username != null && username != "" && password != null && password != "") {

                    setCookie('username', $.md5(username), 'password', $.md5(password), 365);

                }

            }

        }

        //alert(document.cookie)

    }

    function cleanCookie (c_name, p_name) {     //使cookie过期

        document.cookie = c_name + "=" + ";" + p_name + "=" + ";expires=Thu, 01-Jan-70 00:00:01 GMT";

    }

</script>

</html>

　　

仅前端cookie之记住密码的更多相关文章

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

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

  2. jsp-4 用cookie实现记住密码

    jsp-4 用cookie实现记住密码 这次就有点简单了 基本是jsp-3的代码但是有些修改 public void login(HttpServletRequest req, HttpServlet ...

  3. 用cookie实现记住密码

    jsp-4 用cookie实现记住密码 这次就有点简单了 基本是jsp-3的代码但是有些修改 public void login(HttpServletRequest req, HttpServlet ...

  4. 记住密码功能 JS结合JQuery 操作 Cookie 实现记住密码和用户名！

    // 记住密码功能 JS结合JQuery 操作 Cookie 实现记住密码和用户名! var username = document.getElementById("username&quo ...

  5. cookie实现记住密码功能

    之前在一次面试过程中,被问到前后端如何实现记住密码功能,所以自己也试着做,这是纯js做的. 一.实现思路 1.前端页面,自己简单写了一个页面,如下图,不喜勿喷 2.主要有三个函数 setCookie( ...

  6. Cookie实现记住密码的功能

    一.什么是Cookie cookie是一种WEB服务器通过浏览器在访问者的硬盘上存储信息的手段.Cookie的目的就是为用户带来方便,为网站带来增值.虽然有着许多误传,事实上Cookie并不会造成严重 ...

  7. Cookie实现记住密码、自动登录

    前端代码 <form id="form" action="xxx" method="post"> <div> < ...

  8. cookie实现记住密码

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  9. JavaWeb学习----Cookie实现记住密码的功能

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

随机推荐

  1. vue 注册全局组件

    注册全局组件有啥好处呢? 提高代码的复用性:哪里需要写哪里,贼方便,就写一个标签:减少代码量:可以再配合slot一起使用,咦~~,舒服 为了让整个项目的可读性,我创建一个文件统一存放全局组件 1.创建 ...

  2. NLP问题特征表达基础 - 语言模型（Language Model）发展演化历程讨论

    1. NLP问题简介 0x1:NLP问题都包括哪些内涵 人们对真实世界的感知被成为感知世界,而人们用语言表达出自己的感知视为文本数据.那么反过来,NLP,或者更精确地表达为文本挖掘,则是从文本数据出发 ...

  3. bzoj 2654 && bzoj 3675 总结

    手动博客搬家: 本文发表于20180929 15:18:55, 原地址https://blog.csdn.net/suncongbo/article/details/82897992 最近做到了两道( ...

  4. 痛苦的Windows下的temp目录

    2007不能运行了,错误: [MSBuild Error] “DCC”任务意外失败. System.Configuration.ConfigurationErrorsException: 配置系统未能 ...

  5. PHP学习总结（13）——PHP入门篇之常量

    1.什么是常量 什么是常量?常量可以理解为值不变的量(如圆周率):或者是常量值被定义后,在脚本的其他任何地方都不可以被改变.PHP中的常量分为自定义常量和系统常量(后续小节会详细介绍). 自定义常量是 ...

  6. HDU 3579 Hello Kiki 中国剩余定理(合并方程

    题意: 给定方程 res % 14 = 5 res % 57 = 56 求res 中国剩余定理裸题 #include<stdio.h> #include<string.h> # ...

  7. POJ1789&amp;ZOJ2158--Truck History【最小生成树变形】

    链接:http://poj.org/problem?id=1789 题意:卡车公司有悠久的历史,它的每一种卡车都有一个唯一的字符串来表示,长度为7,它的全部卡车(除了第一辆)都是由曾经的卡车派生出来的 ...

  8. 【cl】控制台执行Java程序

    1.设置CLASSPATH环境变量,指向package所在的目录,一般是项目文件夹的bin目录 2.执行 java  package.ClassName linux: 方法一: 步骤1:export ...

  9. iOS关于iPhone6和iPhone6 Plus的屏幕适配问题

    iPhone6和iPhone6 Plus上市有一段时间了.尽管大陆没有首发令人隐隐作痛,可是还是为iPhone6和iPhone6 Plus的设计的转变和大屏时代感到欣喜. 今天主要来mark下面通过x ...

  10. UVAlive 6560 - The Urge to Merge（状压dp）

    LA 6560 - The Urge to Merge option=com_onlinejudge&Itemid=8&page=show_problem&problem=45 ...