网页登陆界面(login.jsp)保存Cookie的写法
html部分
备注:在body中加上如下内容可以默认获得用户名的光标输入焦点,并且在输入完毕后按空格可以直接调用上面的登陆方法
<body onkeyup="enterLogin(event);" onLoad="document.getElementById('muName').focus()">
用户名密码
<input name="muName" id="muName" value=" 请输入用户名"/>
<input type="password" name="muPwd" id="muPwd"/>
保存用户/保存用户及密码单选框
<input type="radio" id="savename" name="savetwo"/>
<input type="radio" checked="checked" id="savenap" name="savetwo"/>
</body>
js部分
//登陆的时候把登陆的用户名存入cookie
function checklogin(){
var loginname=document.getElementById("muName").value;
var loginpwd=document.getElementById("muPwd").value;
var check1=document.getElementById("savename").checked;
var check2=document.getElementById("savenap").checked;
var kqcookie = getCookie(loginname);
if(check1==true&&check2==false){
setCookie("check1",check1);
setCookie("check2",check2);
setCookie("check2",check2);
setCookie("myname",loginname);
}else if(check2==true&&check1==false){
setCookie("check1",check1);
setCookie("check2",check2);
setCookie("myname",loginname);
setCookie("mypwd",loginpwd);
}else if(check2==true&&check1==true){
setCookie("check1",check1);
setCookie("check2",check2);
setCookie("mypwd",loginpwd);
setCookie("myname",loginname);
}else if(check2==false&&check1==false){
setCookie("check1",check1);
setCookie("check2",check2);
}
//设置post提交的中文名字不会乱码
$.ajax({
type:"post",
data:{muName:loginname,muPwd:loginpwd,check1:check1,check2:check2},
url:"XXXAction_login.do",
dataType:"text",
success:function(data){
}
});
}
//重置
function canncel(){
document.getElementById("muName").value="";
document.getElementById("muPwd").value="";
}
//设置cookie
function setCookie(name,value)
{
var Days = 30; //此cookie将被保存30天
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "=" + escape(value)
+ ";expires=" + exp.toGMTString();
}
//获取cookie
function getCookie(name)
{
var arr,reg=new RegExp("(^|)"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
//删除cookie
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) {
document.cookie= name + "="+cval
+";expires="+exp.toGMTString();
}
}
// 页面加载时获得cookie
$(function(){
if(getCookie("check1")=="true"&&getCookie("check2")=="false"){
document.getElementById("savename").checked=true;
document.getElementById("muName").value=getCookie("myname");
}else if(getCookie("check2")=="true"&&getCookie("check1")=="false"){
document.getElementById("savenap").checked=true;
document.getElementById("muName").value=getCookie("myname");
document.getElementById("muPwd").value=getCookie("mypwd");
}
});
//当键盘被松开会调用这个方法,按的回车的话会调用checklogin()登陆的方法
//event.keyCode==13代表按的是键盘的回车键
function enterLogin(event){
if(event.keyCode==13){
checklogin();
}
}