您的位置:首页 > Web前端 > JQuery

jquery cookie 实现记住密码功能

2017-11-08 11:32 766 查看
引入

<script src="../../plugins/jquery-1.8.3.min.js"></script>
<script src="../../plugins/jquery.cookie.js"></script>


html代码

<div class="tips clearfix">
<label><input type="checkbox" id="rmbUser" name="checkbox" value="checkbox" style="zoom:140%;">
<div style="margin-top: -25px;margin-left: 60px">记住用户名</div>
</label>
</div>


style="zoom:140%" 是调整复选框的大小

JS代码

function remPassword() {
//判断复选框是否选中
$("#rmbUser").attr("checked");
}


//保存用户信息
function saveUserInfo() {
remPassword();
if ($("#rmbUser").attr("checked") == "checked") { // 获取cookie
var userName = $("#users").val();
var passWord = $("#pwd").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("userName", '', { expires: -1 });
$.cookie("passWord", '', { expires: -1 });
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: