checkbox打钩说明要要保,否则是删除(cookie必需以存在)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var name_pan=false; //声明一全变量,以判断cookie_name是否以保存
function checkCookie(cookie_name,c_value) //用判断文本框是不否为空
{
if(cookie_name==""|| c_value=="")
{
alert("用户名或密码不能为空");
}
else
{
setCookie(cookie_name,c_value);
}
}
function setCookie(cookie_name,c_value) //用来保存或删除cookie
{
if(document.getElementById("checkd").checked)//保存cookie
{
var c_expiredays
do
{
c_expiredays=prompt("请你输入用记名和密码需要保存的天数!!","");
}while(isNaN(c_expiredays));
var expdate=new Date();
expdate.setDate(expdate.getDate()+c_expiredays);
document.cookie=cookie_name+"="+escape(c_value)+((c_expiredays==null)? "":";expires="+expdate.toGMTString() );
alert("存储完成!");
}
else
{
if(name_pan)//判断用户名是否存在!
{
var exDate=new Date(); //删除cookie
exDate.setTime(exDate.getTime()-1);
var co_value=document.getElementById("password_txt").value;
if(co_value !=null) document.cookie=cookie_name+"="+co_value+";expires="+exDate.toGMTString();
alert("完成删除!!");
}
}
}
function getCookie(c_name)//得到和用户名相匹配的密码!
{
if(c_name !="")
{
if(document.cookie.length>0)
{
var c_start=document.cookie.indexOf(c_name+"=");
if(c_start!=-1)
{
c_start=c_start+c_name.length+1;
var c_end=document.cookie.indexOf(";",c_start)
if(c_end==-1)c_end=document.cookie.length;
try
{
document.getElementById("password_txt").value=unescape(document.cookie.substring(c_start,c_end));
name_pan=true;
}
catch(e)
{
alert(e.message);
}
}
}
}
}
</script>
</head>
<body>
<form>
<table border="1" align="center">
<tr><td><label>请输入用户名</label></td><td><input type="text" id="name_txt" /></td></tr>
<tr><td><label>请输入密码</label></td><td><input type="text" id="password_txt" οnfοcus="getCookie(name_txt.value)"/></td></tr>
<tr align="center"><td colspan="2"><input type="reset" value="重置" /><label>是否需要存储??</label><input type="checkbox" id="checkd"/><input type="submit" value="确认" οnclick="checkCookie(name_txt.value,password_txt.value)"/></td></tr>
</table>
</form>
</body>
</html>