zoukankan      html  css  js  c++  java
  • Jquery 实现 “下次自动登录” 记住用户名密码功能

    转载自: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>  
  • 相关阅读:
    Thumbnailator压缩图片
    dubbo序列化的一点注意
    Java编程思想读书笔记之内部类
    Hello World
    sql中where和having的区别
    Linux下服务器搭建
    maven中profile的激活方式
    <![CDATA[ ]]>
    linux下用xampp安装php集成环境,并修改各自端口号
    关于星号(**/*.java)
  • 原文地址:https://www.cnblogs.com/zrui-xyu/p/5788433.html
Copyright © 2011-2022 走看看