js使用cookie实现记住密码功能

最新推荐文章于 2024-07-26 11:41:15 发布

sliver1836

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量308

点赞数 3

分类专栏： js cookie 文章标签： jquery javascript cookie

本文链接：https://blog.csdn.net/sliver1836/article/details/105179255

版权

js 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏


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

sliver1836

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js使用cookie实现记住密码功能

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <form action=""> 姓名： &...
复制链接

扫一扫

专栏目录