JS:js操作Cookie实现记住密码功能

2018-01-13 11:05:22来源:segmentfault作者:yuezhongbao人点击

分享
前言


今天主管让我给工单系统填个小功能,就是在上面加一个记住密码。提示了我一句用到cookie就走了,我今天是研究了一天cookie啊,下面有三段操控cookie封装好的函数,能延伸出好多东西 大家看到哪里觉得哪里不扎实 这是个很好的积累机会


代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="">
姓名:
<input type="text"/>
密码:
<input type="password"/>
<input type="checkbox"/><label for="memory">记住密码</label>
<input type="button" value="提交"/>
</form>
<script src="js/jquery-2.1.0.js"></script>
<script>
$(function(){
if(getCookie('name')&&getCookie('password')){
$('#username').val(getCookie('name'));
$('#password').val(getCookie('password'));
$('#memory').prop('checked','checked');
}
else{
$('#username').val('');
$('#password').val('');
}
});
$('#btn').click(function(){
if($('#memory').prop('checked')){
var username = $('#username').val();
var password = $('#password').val();
setCookie("name",username);
setCookie("password",password);
}
else{
delCookie('name');
delCookie('password');
}
});
//主要函数
function setCookie(name,value)//设置cookie
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}function getCookie(name)//拿到cookie
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}function delCookie(name)//删除cookie
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
</body>
</html>

博客:http://www.cnblogs.com/yzb23/

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台