Jquery-Cookie 记住用户名

 

1. 在页面中引用JQUERY 和 JQUERY　COOKIE 文件

 

 

<script type="text/javascript" src="<%=basePath%>/js/jquery-1.7.1.min.js"></script>

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

 

     2. 页面元素

 <h2><input type="checkbox" name="remember" id="checkUsername" value="1"/>记住用户名 </h2>

 

     3. 登录时处理的JS函数中加入 保存用户名

 

   if($('#checkUsername').attr('checked')){  
                    $.cookie('username', username, {expires:30});  
                }else{  
                    $.cookie('username', null);  
                }  

 

 

 

   如果保存密码需要加密

   4.登录时恢复

    $(function() {

		 var username = $.cookie('username');  
		 if(username != null) {
		 	//alert(username);
		 	$("#username").val(username);
		 	 $('#checkUsername').attr('checked', true);  
		 }
	});