jquery.cookie.js操作cookie实现“记住密码”

<%
            String path = request.getContextPath();
%>

JS

<script type="text/javascript" src="<%=path%>/script/jquery/lib/jquery.cookie.js"></script>

<script type="text/javascript" >
//初始化页面时验证是否记住了密码
$(document).ready(function() {
 if ($.cookie("isMemPwd") == "true") {
  $("#isMemPwd").attr("checked", true);
  $("#user_id").val($.cookie("user_id"));
  $("#password").val($.cookie("password"));
 }
});
</script>

<script type="text/javascript">

 function userLogin(){
  var user_id = $$('user_id').value;
  var password = $$('password').value;
  //保存用户登陆信息
  if ($("#isMemPwd").attr("checked") == true) {
   $.cookie("isMemPwd", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
   $.cookie("user_id", user_id, { expires: 7 }); // 存储一个带7天期限的 cookie
   $.cookie("password", password, { expires: 7 }); // 存储一个带7天期限的 cookie
  }
  else {
   $.cookie("isMemPwd", "false", { expires: -1 });
   $.cookie("user_id", '', { expires: -1 });
   $.cookie("password", '', { expires: -1 });
  }
  if(!user_id){
   alert('请输入用户名!');
   return false;
  }
  if(!password){
   alert('请输入密码!');
   return false;
  }
  //Ajax
  var xmlHttpReq = createXMLHttpRequest();
  var url = '<%=path%>/portal/userLogin.do?method=login&user_id=' + user_id + '&password=' + password;
  xmlHttpReq.onreadystatechange = function(){
   if(xmlHttpReq.readyState == 4){ 
    if(xmlHttpReq.status == 200){
     var rest = xmlHttpReq.responseText;
     if(rest){
      var obj = eval(rest);
      $('#css-userlogin').hide();
      $('#csshome-userinfo').show();
      $('#info_user_id').text(obj[0].user_id);
      $('#info_user_name').text(obj[0].user_name);

      imService.userLogin();
     }else{
      alert('用户名或者密码错误!');
     }
    }
   }
  }
  xmlHttpReq.open('POST',url,true);
  xmlHttpReq.send();
 }

</script>

HTML

<div id="css-userlogin" style="display:${CUR_USER!=null?'none':'block'}">
  <form id="loginForm" name="loginForm" action="" method="post">
  <div class="content">
   <ul>
    <li class="userid"><input type="text" id="user_id" name="user_id"  value="" maxlength="60" οnclick="javascript:if(this.value=='<bean:message key="Label.login.enter" />')this.value='';this.style.color='#4c80b5';this.style.fontSize='10pt';" οnblur="javascript:if(this.value=='')this.value='<bean:message key="Label.login.enter" />';this.style.color='#4c80b5';this.style.fontSize='10pt';" class="textinput" /></li>
    <li class="password"><input type="password" id="password" name="password" maxlength="16" class="textinput" /></li>
    <li class="button">
     <input type="image" src="<%=imgpath%>/image/home_login.gif" οnclick="userLogin();return false;" />
     <input type="image" src="<%=imgpath%>/image/home_register.gif" οnclick="gotoReg();return false;" />
    </li>
    <li class="config">
     <input type="checkbox" name="isMemPwd" id="isMemPwd" align="bottom" />&nbsp;记住密码&nbsp;&nbsp;&nbsp;<a href="<%=path%>/portal/user/passwordReset.jsp">&gt;&gt;&nbsp;忘记密码</a>
    </li>
   </ul>
  </div>
  </form>
 </div>