首页或者后台登录记住密码

my520530

浏览: 208010 次
来自: 深圳

最近访客更多访客>>

wqksy

qwer777888

streamsilver

iamthree

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

记住密码

记住登录密码

1.这里是需要的Cookie.js 直接Copy用就行了 ,不需要做任何修改!
//新建cookie 方法。
//hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie（如果这个cookie存在）。
function setCookie(name,value,hours,path){
    var name = escape(name);
    var value = escape(value);
    var expires = new Date();
    expires.setTime(expires.getTime() + hours*3600000);
    path = path == "" ? "" : ";path=" + path;
    _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();
    document.cookie = name + "=" + value + _expires + path;
}
//获取cookie值    方法
function getCookieValue(name){
    var name = escape(name);
    //读cookie属性，这将返回文档的所有cookie
    var allcookies = document.cookie;
    //查找名为name的cookie的开始位置
    name += "=";
    var pos = allcookies.indexOf(name);
    //如果找到了具有该名字的cookie，那么提取并使用它的值
    if (pos != -1){                                             //如果pos值为-1则说明搜索"version="失败
        var start = pos + name.length;                  //cookie值开始的位置
        var end = allcookies.indexOf(";",start);        //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置
        if (end == -1) end = allcookies.length;        //如果end值为-1说明cookie列表里只有一个cookie
        var value = allcookies.substring(start,end); //提取cookie的值
        return unescape(value);                           //对它解码
        }
    else return "";                                             //搜索失败，返回空字符串
}

2,还需要一个jquery-1.6.1.min.js ，这个大家应该都有，就不传了。
3，首页
<form action="<c:url value='/loginto.do' />" method="post" id="loginForm">
       <table style="width: 100%;">
        <tr>
         <td style="text-align: center;" rowspan="4">
          <img src="${ctx}/media/admin/img/login.png" alt="Please enter your login details." />
         </td>
        </tr>
        <tr>
         <td>
          用户名：
          <br />
          <input type="text" name="username" value="" id="username" style="margin-top: 4px;" />
          <br />
          <br />
          密    码：
          <br />
          <input type="password" name="pwd" id="pwd" value="" style="margin-top: 4px;" />
         </td>
        </tr>

4，JS代码，来操作存/读Cookie
function submitFunc(){
   //点击登录时，将输入的用户名和密码保存到Cookie中
   var inUser = document.getElementById("username").value;
   var inPass = document.getElementById("pwd").value;
   setCookie('cookUser', inUser, time, '/');//set 获取用户名和密码传给cookie
   setCookie('cookPass', inPass, time, '/');
   }

   //设置Cookie保存时间
   var time = 0;

   $(document).ready(function(){
   //获取Cookie保存的用户名和密码
   var username = getCookieValue("cookUser");
   var pwd = getCookieValue("cookPass");
   //输入用户名促发一个事件
   $("#username").keyup(function(){
   var userNow = $(this).val();
   if(userNow == username) { //判断现在输入的用户名和当时保存在cookie的用户名是否一致
   $("#pwd").val(pwd);//一致则把第一次保存在cookie的密码自动填入
   }
   });

   $("#remeber_login_name").click(function(){//记住密码
   if($(this).attr("checked") == 'checked'){
   time = 60 * 60 * 60;
   }
   });
   });