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>  
  • 相关阅读:
    SpringBoot启动流程
    谈谈Java的线程池设计
    ReentrantReadWriteLock及共享锁的实现
    Condition的await()和signal()流程
    AbstractQueuedSynchronizer与ReentrantLock
    线程状态及各状态下与锁和CPU的关系
    Java运算符和表达式
    Java常量与变量
    jtl文件解析(jmeter+jenkins+python实现接口自动化)
    mac 增加/usr/bin目录的操作无权限
  • 原文地址:https://www.cnblogs.com/zrui-xyu/p/5788433.html
Copyright © 2011-2022 走看看