现象:
登录页面增加Cookie增强用户体验.在用户进行账号密码输入之后将账号密码写入Cookie中!
解决办法:
1:页面输入框:增加一个checkbox选择框是否记住密码!
2:在js页面增加填入Cookie
3:写入Cookie的get和set方法
4:使用Cookid
$(function(){
//填入cookie
var username=GetCookie("userName");
if(username!=null && username.trim()!=""){
$("#username").val(username);
var password=GetCookie(username);
if(password!=null && password.trim()!=""){
var length=password.length;
$("#password").val(password);
document.getElementById("remember1").checked=true;
}else{
$("password").focus();
document.getElementById("remember1").checked=false;
}
}else{
$("#username").focus();
}
});
function GetCookie(name){
var cookieValue = "";
var search = escape(name) + "=";
if(document.cookie.length > 0){
offset = document.cookie.indexOf(search);
if (offset != -1){
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
cookieValue = decodeURIComponent((document.cookie.substring(offset, end)))
}
}
return cookieValue;
}
function SetCookie(name,value,hours,path,domain,secure{
var expire = "";
var pathstr = "";
var domainstr = "";
var securestr = "";
if(hours != null){
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
if(path != null)
pathstr = "; path=" + path;
if(domain != null)
domainstr = "; domain=" + domain;
if(secure != null)
securestr = "; secure"
var c = name + "=" + escape (value) + expire + pathstr + domainstr + securestr;
document.cookie = c;
}