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;"$amp;>amp;$lt;br .="font-family: Tahoma; font-size: 12px; line-height: 18px; white-space: normal;"$amp;>amp;$lt;br .="font-family: Tahoma; font-size: 12px; line-height: 18px; white-space: normal;"$amp;>amp;$lt;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. 　 　 　 　 //设置Cookie保存时间
20. 　 　 　 　 var time = 0;
21. 　 　 　 　 $(document).ready(function(){
22. 　 　 　 　 //获取Cookie保存的用户名和密码
23. 　 　 　 　 var username = getCookieValue("cookUser");
24. 　 　 　 　 var password = getCookieValue("cookPass");
25. 　 　 　 　 if (username !='' && password !='' ) {
26. 　 　 　 　 　 　 　 $("#username").val(username);
27. 　 　 　 　 　 　 　 $("#password").val(password);
28. 　 　 　 　 　 　 　 $("#rememberPW").attr("checked", true);
29. 　 　 　 　 }else
30. 　 　 　 　 　 　 　 $("#rememberPW").attr("checked", false);
31. 　 　 　 　 $("#rememberPW").click(function(){//记住密码
32. 　 　 　 　 　 　 　 if($(this).attr("checked") == 'checked'){
33. 　 　 　 　 　 　 　 time = 60 * 60 * 60;
34. 　 　 　 　 　 　 　 }
35. 　 　 　 　 　 　 　 });
36. 　 　 　 　 });

复制代码

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