本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

Jquery实现登录时勾选“下次自动登录”记住用户名密码功能

小助手读文章 00:00 / 00:00

实现原理是Jquery将用户名密码存储到cookie中,其中需要导入jquery.jsjquery.cookie.js两个文件。

<!DOCTYPE html>
<html>
<head>
    <title>记住用户名密码功能</title>
    <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>
</head>
<body>
    <div>
        用户名:<input type="text" id="username"/><br />
        密码:<input type="text" id="password"/><br />
        <input type="checkbox" id="ck_rmbUser"/>记住用户名和密码<br />
        <input type="submit" id="sub" value="登录" onclick="Save()"/>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            if ($.cookie("rmbUser") == "true") {
                $("#ck_rmbUser").prop("checked", true);
                $("#username").val($.cookie("username"));
                $("#password").val($.cookie("password"));
            }
        });
        //记住用户名密码
        function Save() {
            var username = $.trim($('#username').val());
            var password = $.trim($('#password').val());
            if ($("#ck_rmbUser").prop("checked")) {
                $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
                $.cookie("username", username, { expires: 7 });
                $.cookie("password", password, { expires: 7 });
            } else {
                $.cookie("rmbUser", "false", { expire: -1 });
                $.cookie("username", "", { expires: -1 });
                $.cookie("password", "", { expires: -1 });
            }
        };
    </script>
</body>
</html>

版权属于:作者名称

本站采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载外,均为本站原创文章,转载前请务必署名


MIROC
一个有趣的IT科技网站

推广

 继续浏览关于 JQuery自动登录用户名密码 的文章

 本文最后更新于 2021/02/23 17:53:23,可能因经年累月而与现状有所差异

 引用转载请注明:MIROC > 前端技巧 > Jquery实现登录时勾选“下次自动登录”记住用户名密码功能

您当前正通过 IPv4 网络访问本站
您直接访问了本站,莫非记住了域名?