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

最新推荐文章于 2021-05-31 00:46:58 发布

_miccretti

最新推荐文章于 2021-05-31 00:46:58 发布

阅读量131

点赞数

文章标签： javascript ViewUI

转载自：http://blog.csdn.net/aspnet_lyc/article/details/12030039?utm_source=tuicool&utm_medium=referral

Jquery将用户名密码存储到cookie中

需要导入jquery.js和jquery.cookie.js

    <html>  
    <head>  
    <title>test cookie</title>  
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>  
    <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>  
    <script type="text/javascript">  
      
        $(document).ready(function () {  
            if ($.cookie("rmbUser") == "true") {  
            $("#ck_rmbUser").attr("checked", true);  
            $("#txt_username").val($.cookie("username"));  
            $("#txt_password").val($.cookie("password"));  
            }  
        });  
      
        //记住用户名密码  
        function Save() {  
            if ($("#ck_rmbUser").attr("checked")) {  
                var str_username = $("#txt_username").val();  
                var str_password = $("#txt_password").val();  
                $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie  
                $.cookie("username", str_username, { expires: 7 });  
                $.cookie("password", str_password, { expires: 7 });  
            }  
            else {  
                $.cookie("rmbUser", "false", { expire: -1 });  
                $.cookie("username", "", { expires: -1 });  
                $.cookie("password", "", { expires: -1 });  
            }  
        };  
    </script>  
    </head>  
    <body>  
        <div>  
            用户名：<input type="text" id="txt_username"/><br />  
            密码：<input type="text" id="txt_password"/><br />  
            <input type="checkbox" id="ck_rmbUser"/>记住用户名和密码<br />  
            <input type="submit" id="sub" value="登录" onclick="Save()"/>  
        </div>  
    </body>  
    </html>