JS：js操作Cookie实现记住密码功能
前言
图片描述
今天主管让我给工单系统填个小功能，就是在上面加一个记住密码。提示了我一句用到cookie就走了，我今天是研究了一天cookie啊，下面有三段操控cookie封装好的函数，能延伸出好多东西 大家看到哪里觉得哪里不扎实 这是个很好的积累机会
代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="">
姓名：
<input type="text" id="username"/>
密码：
<input type="password" id="password"/>
<input type="checkbox" id="memory"/><label for="memory">记住密码</label>
<input type="button" value="提交" id="btn"/>
</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>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018-01-12，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
