七天免登陆
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了七天免登陆相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
// var _str=‘{"key":"value"}‘;
// var _obj=window.eval("("+_str+")");
// //window.eval:可以将符合js语法格式的字符进行重新解释执行。反射
// var _result=window.eval("while(true){}");
// console.log(typeof _obj);
// console.log(_obj.key);
/**
* 7天免登陆
* 1、错误提示
* 2、登录成功后跳转到demo.html
* 3、如果勾选复选框，则将用户名和密码存到cookie中
* 4、点击登录时执行以上操作
*/
function main(){
var _pwd=document.getElementById("pwd");
_pwd.onblur=function(){
if(/\w{6,20}/g.test(this.value)){
var _login=document.getElementById("login");
_login.onclick=null;
_login.onclick=function(){
var _uName=document.getElementById("uName");
var _password=document.getElementById("pwd");
if(_uName.value.length>0 && _password.value.length>=6){
if(document.getElementById("save").checked){
document.cookie="user="+_uName.value+";expires="+new Date(new Date().getTime()+7*24*3600000);
document.cookie="pwd="+_password.value+";expires="+new Date(new Date().getTime()+7*24*3600000);
}
window.location.href="demo.html?uName="+_uName.value+"&pwd="+_password.value;
}else{
alert("用户名或密码错误！请重新输入！！");
_uName.value="";
_password.value="";
}
}
}else{
alert("密码长度有错");
}
}
}
window.onload=main;
</script>
</head>
<body>
<input type="text" id="uName"/>
<input type="password" id="pwd"/>
<input type="checkbox" id="save"/>
<input type="button" id="login" value="login"/>
</body>
</html>
以上是关于七天免登陆的主要内容，如果未能解决你的问题，请参考以下文章