JS：js操做Cookie實現記住密碼功能

時間 2019-12-07

原文原文鏈接

前言

今天主管讓我給工單系統填個小功能，就是在上面加一個記住密碼。提示了我一句用到cookie就走了，我今天是研究了一天cookie啊，下面有三段操控cookie封裝好的函數，能延伸出好多東西你們看到哪裏以爲哪裏不紮實這是個很好的積累機會html

代碼

<!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/jquery