js cookie实现记住密码功能
前端之家收集整理的这篇文章主要介绍了
js cookie实现记住密码功能,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
分享了js和jQuery记住密码功能的方法,具体如下
一. js 实现记住密码功能
html:
<input type="button" value="" class="btn_login" id="btn_login" onclick="checkform();"/>
cookie.js:
function deleteCookie(name,path,domain){
var strCookie;
// 检查Cookie是否存在
if (checkCookieExist(name)){
// 设置Cookie的期限为己过期
strCookie = name + "=";
strCookie += (path) ? "; path=" + path : "";
strCookie += (domain) ? "; domain=" + domain : "";
strCookie += "; expires=Thu,01-Jan-70 00:00:01 GMT";
document.cookie = strCookie;
}
}
function saveCookie(name,value,expires,domain,secure){
var strCookie = name + "=" + value;
if (expires){
// 计算Cookie的期限,参数为天数
var curTime = new Date();
curTime.setTime(curTime.getTime() + expires2460601000);
strCookie += "; expires=" + curTime.toGMTString();
}
// Cookie的路径
strCookie += (path) ? "; path=" + path : "";
// Cookie的Domain
strCookie += (domain) ? "; domain=" + domain : "";
// 是否需要保密传送,为一个布尔值
strCookie += (secure) ? "; secure" : "";
document.cookie = strCookie;
}
login.js
var name = getCookie("loginUserName");
document.getElementById("passWord").value="";
if(name != null && name != "") {
document.getElementById("userName").value = name;
document.getElementById("passWord").focus();
} else { document.getElementById("userName").focus();
}
}
function checkform(){
......
var isChecked = document.getElementById("saveUserName").checked;
if(isChecked) {
setCookie("loginUserName",userName);
}
......
}
二. jquery 实现记住密码功能
参考:http://www.cnblogs.com/lindaZ/p/5069981.html
html:
判断checkBox是否被选中,若选中,则将存储cookie:
在每次刷新登录页面加载js时,取出cookie中的用户名和密码,若cookie不为空,用户名和密码输入框被cookie里面的内容填充,复选框设为勾上状态:
获取cookie的值
var username = $.cookie('username');
var password = $.cookie('password');
//将获取的值填充入输入框中
$('#username').val(username);
$('#password').val(password);
if(username != null && username != '' && password != null && password != ''){
//选中保存秘密的复选框
$("#remember_me").attr('checked',true);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。