`

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

阅读更多

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 />
          密&nbsp;&nbsp;&nbsp;&nbsp;码:
          <br />
          <input type="password" name="pwd" id="pwd" value="" style="margin-top: 4px;" />
         </td>
        </tr>

        <tr>
         <td>
          <input name="remeber_login_name" type="checkbox" id="remeber_login_name" value="forever"  tabindex="90" />
          记住我
         </td>
        </tr>
        <tr>
         <td style="text-align: right;">
          <a onclick="javascript:$('#loginForm').submit();" class="button"><span>登录</span> </a>
         </td>
        </tr>
       </table>
      </form>

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;
   }
   });
   });

分享到:
评论

相关推荐

    OpenCenter后台管理框架-PHP

    系统功能:1、登录管理员登录、记住密码、验证码刷新2、首页首页右上角管理员可以切换身份或者退出系统首页主题色切换和清除缓存首页顶部搜索菜单首页顶部非admin模块作下拉菜单显示3、管理员管理管理员列表可以多选...

    开源团购系统网站源码 团购程序免费团购,团购源码,团购系统,团购网站,团购程序

    22、IP管理 :可禁止指定IP的用户访问网站或者后台; 23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以...

    开源团购源码 v2.0.rar

    22、IP管理 :可禁止指定IP的用户访问网站或者后台; 23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以...

    精品团购网站

    22、IP管理 :可禁止指定IP的用户访问网站或者后台; 23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以...

    基于web的网络购物系统附毕业设计论文_用asp+access实现的网络购物系统

    购物完毕,记住订单号,以便于下次查阅。 3.3 订单查询: 客户在首页订单号码栏中填入自己的订单号再点击查询键,会提示输入会员帐号与密码。填写完后将弹出订单详细资料页面,方便客户查阅以往购物信息。客户只能...

    xmljava系统源码-servlet-jsp_news:基于原生servlet、jsp、jdbc实现的新闻系统,采用wangEditor富文

    项目中的登录、后台等部分页面UI使用官方提供的模板。 注: 该项目主要是本人为了复习JavaWeb知识而写的小项目。如果你正在学习JavaWeb或者需要练手的项目,那么这个项目应该会对你有帮助。 项目环境 Java环境:jdk...

    沙之丘企业程序 v2 企业程序源码

    沙之丘企业站程序V2.0 ...1、后台默认目录为admin 你可以修改其他的文件名这样访问后台的时候记住就行 2、对于数据库默认的data.mdb文件可以修改,先登陆后台网站配置修改新数据库名。然后在App_Data文件下修改数据库名

    17房产网 v1.0.rar

    (2)提供了mysql数据库整体打包的数据 如果你有服务器或者本地测试就把数据库文件夹里面的jmfclm这个文件夹的数据库文件放在你的数据库文件夹当中 2.连接数据库 修改文件:config.inc.php 请修改上面这个数据库...

    wordpreeDUX主题

    百度自定义站内搜索 新增百度自定义站内搜索功能,样式已写好,只等你写入那段搜索代码(记住在百度站内搜索编辑的时候选择自定义样式) JS文件托管 百度、360或是jQuery和Bootstrap的官方链接 连接符 设置你自己的...

    Avant Browser 多语言版 2010 build 120

    Avant浏览器可以为你记住密码。你只需要简单的一击就可以填写网页表格。并且你可以 设置一个主密码来保护你的所有的表单信息。 Flash动画过滤:正在经历使用GPRS/3G连接网络时网页加载速度慢?网页中85%以上的...

    沙之丘免费企业程序

    *********************...1、后台默认目录为admin 你可以修改其他的文件名这样访问后台的时候记住就行 2、对于数据库默认的data.mdb文件可以修改,先登陆后台网站配置修改新数据库名。然后在App_Data文件下修改数据库名

    Avant Browser 2010 build 108

    Avant浏览器可以为你记住密码。你只需要 简单的一击就可以填写网页表格。并且你可以设置一个主密码来保护你的 所有的表单信息。 Flash动画过滤:正在经历使用GPRS/3G连接网络时网页加载速度慢?网页 中85%以上的...

    Avant Browser 2011 build 16

    Avant浏览器可以为你记住密码。你只需要简单的一击就可以填写网页表格。并 且你可以设置一个主密码来保护你的所有的表单信息。 Flash动画过滤:正在经历使用GPRS/3G连接网络时网页加载速度慢?网页中85%以上的...

    沙之丘企业程序 v2.5

    沙之丘企业站程序 v2.5...1、后台默认目录为admin 你可以修改其他的文件名这样访问后台的时候记住就行 2、对于数据库默认的data.mdb文件可以修改,先登陆后台网站配置修改新数据库名。然后在App_Data文件下修改数据库名

    沙之丘企业网站程序 v3.5

    1、后台默认目录为admin 你可以修改其他的文件名这样访问后台的时候记住就行2、对于数据库默认的data.mdb文件可以修改,先登陆后台网站配置修改新数据库名。然后在App_Data文件下修改数据库名沙之丘企业网站程序保留...

    沙之丘企业程序源码 v2

    沙之丘企业站程序V2.0 ...1、后台默认目录为admin 你可以修改其他的文件名这样访问后台的时候记住就行 2、对于数据库默认的data.mdb文件可以修改,先登陆后台网站配置修改新数据库名。然后在App_Data文件下修改数据库名

Global site tag (gtag.js) - Google Analytics