（jQuery）Cookie记住用户名和密码

最新推荐文章于 2023-11-21 10:09:58 发布

佳栩

最新推荐文章于 2023-11-21 10:09:58 发布

阅读量7.2k

点赞数

原文：http://blog.sina.com.cn/s/blog_6bb8eaaa0101a9ta.html

（jQuery）Cookie记住用户名和密码

(2013-10-22 08:55:33)

转载▼

标签：

密码

分类：【Web前端】

功能：勾选“记住用户名”，点击登录，保存cookie，下次登录不需输入；

不勾“记住用户名”，点击登录，不保存cookie，下次登录需输入；

jQuery代码:

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

HTML代码:

            <div class="loginItem" id="J_Password">
                 <label>密  码：</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>
</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 包括有效期路径域名等

佳栩

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
（jQuery）Cookie记住用户名和密码

原文：http://blog.sina.com.cn/s/blog_6bb8eaaa0101a9ta.html（jQuery）Cookie记住用户名和密码 (2013-10-22 08:55:33)转载▼标签： jquery web前端记住用户名密码分类
复制链接

扫一扫