JS：js操作Cookie实现记住密码功能

前言

图片描述

今天主管让我给工单系统填个小功能，就是在上面加一个记住密码。提示了我一句用到cookie就走了，我今天是研究了一天cookie啊，下面有三段操控cookie封装好的函数，能延伸出好多东西大家看到哪里觉得哪里不扎实这是个很好的积累机会

代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form action="">
        姓名：
        <input type="text" id="username"/>
        密码：
        <input type="password" id="password"/>
        <input type="checkbox" id="memory"/><label for="memory">记住密码</label>
        <input type="button" value="提交" id="btn"/>
    </form>
    <script src="js/jquery-2.1.0.js"></script>
    <script>
        $(function(){
            if(getCookie('name')&&getCookie('password')){
                $('#username').val(getCookie('name'));
                $('#password').val(getCookie('password'));
                $('#memory').prop('checked','checked');
            }
            else{
                $('#username').val('');
                $('#password').val('');
            }
        });
        $('#btn').click(function(){
            if($('#memory').prop('checked')){
                var username = $('#username').val();
                var password = $('#password').val();
                setCookie("name",username);
                setCookie("password",password);
            }
            else{
                delCookie('name');
                delCookie('password');
            }
        });
//        主要函数
        function setCookie(name,value)//设置cookie
        {
            var Days = 30;
            var exp = new Date();
            exp.setTime(exp.getTime() + Days*24*60*60*1000);
            document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
        }

        function getCookie(name)//拿到cookie
        {
            var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
            if(arr=document.cookie.match(reg))
                return unescape(arr[2]);
            else
                return null;
        }

        function delCookie(name)//删除cookie
        {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval=getCookie(name);
            if(cval!=null)
                document.cookie= name + "="+cval+";expires="+exp.toGMTString();
        }
    </script>
</body>
</html>

博客：http://www.cnblogs.com/yzb23/

JS：js操作Cookie实现记住密码功能

前言

代码

yzbao

引用和评论

【react】React 18新特性

腾讯新闻中心首页改版啦

前端如何入门 Go 语言

前站 - 前端导航，搜索社区，阅读文章，提升技术

前端开发工具

100个React最佳实践小技巧

开发插件集合