Jquery 登陆页面 Cookie记住用户名密码 （可设定保存时间）

记住用户名密码：

步骤

1.需要的Cookie.js 直接Copy用就行了 ,不需要做任何修改!

 

  JS代码

1. //hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie（如果这个cookie存在）。   
2. function setCookie(name,value,hours,path){   
3.     var name = escape(name);   
4.     var value = escape(value);   
5.     var expires = new Date();   
6.     expires.setTime(expires.getTime() + hours*3600000);   
7.     path = path == "" ? "" : ";path=" + path;   
8.     _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();   
9.     document.cookie = name + "=" + value + _expires + path;   
10. }   
11. //获取cookie值    方法
12. function getCookieValue(name){   
13.     var name = escape(name);   
14.     //读cookie属性，这将返回文档的所有cookie   
15.     var allcookies = document.cookie;          
16.     //查找名为name的cookie的开始位置   
17.     name += "=";   
18.     var pos = allcookies.indexOf(name);       
19.     //如果找到了具有该名字的cookie，那么提取并使用它的值   
20.     if (pos != -1){                                             //如果pos值为-1则说明搜索"version="失败   
21.         var start = pos + name.length;                  //cookie值开始的位置   
22.         var end = allcookies.indexOf(";",start);        //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置   
23.         if (end == -1) end = allcookies.length;        //如果end值为-1说明cookie列表里只有一个cookie   
24.         var value = allcookies.substring(start,end);  //提取cookie的值   
25.         return unescape(value);                           //对它解码         
26.         }      
27.     else return "";                                             //搜索失败，返回空字符串   
28. }   

复制代码

2.还需要一个jquery-1.6.1.min.js ，这个大家应该都有 ，就不传了。


3.页面

1. <br .="font-family: Tahoma; font-size: 12px; line-height: 18px; white-space: normal;"><br .="font-family: Tahoma; font-size: 12px; line-height: 18px; white-space: normal;"><br .="font-family: Tahoma; font-size: 12px; line-height: 18px; white-space: normal;"><br .="font-family: Tahoma; font-size: 12px; line-height: 18px; white-space: normal;">记住密码

复制代码

4.JS代码 ，来操作存/读Cookie  

1. //登录事件
2.         function doLogin() {
3.                 var userName = document.getElementById("username");
4.                 var pwd = document.getElementById("password");
5.                 if(userName.value.replace(/ /g,"")==""){
6.                                 alert("用户名不能为空！");
7.                                 userName.focus();
8.                                 return false;
9.                         }
10.                 if(pwd.value==""){
11.                                 alert("密码不能为空！");
12.                                 pwd.focus();
13.                                 return false;
14.                         }
15.                 setCookie('cookUser', userName.value, time, '/');//set 获取用户名和密码 传给cookie
16.                 setCookie('cookPass', pwd.value, time, '/');
17.                 document.login_form.submit();
18.                         
19.                 }
20.                 //设置Cookie保存时间
21.                 var time = 0;
22.                 
23.                 $(document).ready(function(){
24.                 //获取Cookie保存的用户名和密码
25.                 var username = getCookieValue("cookUser");
26.                 var password = getCookieValue("cookPass");
27.                 
28.                 if (username !='' && password !='' ) {
29.                         $("#username").val(username);
30.                         $("#password").val(password);
31.                         $("#rememberPW").attr("checked", true);
32.                 }else 
33.                         $("#rememberPW").attr("checked", false);
34.                 
35.                 $("#rememberPW").click(function(){//记住密码
36.                         if($(this).attr("checked") == 'checked'){
37.                         time = 60 * 60 * 60;
38.                         }
39.                         });
40.                 });

复制代码

Jquery 登陆页面 Cookie记住用户名密码

http://bbs.it-home.org/thread-2179-1-1.html