网页登陆界面(login.jsp)保存Cookie的写法

html部分

 备注:在body中加上如下内容可以默认获得用户名的光标输入焦点,并且在输入完毕后按空格可以直接调用上面的登陆方法

<body onkeyup="enterLogin(event);" onLoad="document.getElementById('muName').focus()">

用户名密码

<input   name="muName" id="muName"  value="&nbsp;请输入用户名"/>

<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();
   }
  }

 

posted @ 2016-12-22 21:08  北湮  阅读(1630)  评论(0编辑  收藏  举报