zoukankan      html  css  js  c++  java
  • (jQuery)Cookie记住用户名和密码

    jQuery代码:

    <script src="js/jquery-1.3.1.js" type="text/javascript"></script>       <!--   引入引用jquery的库文件 -->
    <script src="js/jquery.cookie.js" type="text/javascript"></script>    <!--   引入jQuery的cookie插件 -->


    <script type="text/javascript">

    //初始化页面时验证是否记住了密码
    $(document).ready(function() {
        if ($.cookie("rmbUser") == "true") {
            $("#rmbUser").attr("checked", true);
            $("#wsc-username").val($.cookie("userName"));
            $("#wsc-password").val($.cookie("passWord"));
        }
    });


    function saveUserInfo() {
        if ($("#rmbUser").attr("checked") == true) {
            var userName = $("#wsc-username").val();
            var passWord = $("#wsc-password").val();
            $.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
            $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie
            $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie
        }
        else {
            $.cookie("rmbUser", "false", { expires: -1 });        // 删除 cookie
            $.cookie("userName", '', { expires: -1 });
            $.cookie("passWord", '', { expires: -1 });
        }
    }
    </script>

    HTML代码:

    <body>
          <form action="" method="post">
            <div class="form">

                <div id="J_UserName" class="loginItem">
                         <label>用户名:</label>
                         <input maxlength="200" value="" name="u_username" class="log_Field" id="wsc-username">              
                </div>

                <div class="loginItem" id="J_Password">
                     <label>密&nbsp;&nbsp;码:</label>
                     <input type="password" value="" maxlength="20" name="u_pwd" class="log_Field" id="wsc-password">
                </div>
               
                <div class="loginRemember">                   
                        <input type="checkbox" checked="true" name="chkRememberUsername" class="checkbox" id="rmbUser">
                        <label for="rmbUser">记住用户名</label>
                        <a href="#">忘记密码?</a>
                </div>

                <div class="loginItem loginButton" id="wait">
                       <input type="submit" value="登录" onclick="saveUserInfo()" class="button" id="log_Commit">               
                </div>

            </div><!--form div-->
        </form>

    -------------------------------------------------------------------------------------
    下面是jquery.cookie.js用法

    $.cookie('the_cookie'); // 获得cookie

    $.cookie('the_cookie', 'the_value'); // 设置cookie

    $.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie

    $.cookie('the_cookie', '', { expires: -1 }); // 删除

    $.cookie('the_cookie', null); // 删除 cookie

    $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期路径 域名等
  • 相关阅读:
    让人耗尽脑汁的需求分析工作
    解读ASP.NET 5 & MVC6系列(1):ASP.NET 5简介
    WCF序列化与反序列化问题
    SQL存储过程调试
    MSSQL CharIndex()用法
    Erp:原料投入产出报表
    union all 简单用法
    带有游标的应用的存储过程
    SQL批量删除与批量插入
    表与表 不同条件下的关联SQL
  • 原文地址:https://www.cnblogs.com/zhangxiaokai/p/5952744.html
Copyright © 2011-2022 走看看