JavaWeb利用cookie记住账号

原创 2015年07月10日 13:56:48

JavaWeb利用cookie记住账号。

首先,来看看界面什么样子。
登录页面的记住账号

记住账号最普遍的做法,就是在点击登录时,将账号保存到cookie中。

材料准备

<script src="${ctx}/background/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="${ctx}/background/js/jquery.cookie.js" type="text/javascript"></script>

去找一下这两个文件,引入到你所在的页面。

form表单

<form action="${ctx}/j_spring_security_check" method="post" id="login_form">

                    <p>
                        <label>用户名:</label>
                        <input type="text" name="j_username" id="j_username" size="20" class="login_input" autocomplete="off"/>
                    </p>
                    <p>
                        <label>密&nbsp;&nbsp;&nbsp;码:</label>
                        <input type="password" name="j_password" size="20" class="login_input" />
                    </p>
                    <p>
                        <input type="checkbox" value="true" id="j_remember"/><label>&nbsp;&nbsp;&nbsp;&nbsp;</label>记住我的账号
                    </p>

                    <div class="login_bar">
                        &nbsp;&nbsp;<input class="sub" type="submit" value=" " />
                    </div>
                </form>

注意,我使用了spring的security。

核心内容

创建一份login.js,并且在login.jsp中引入。

var COOKIE_NAME = 'sys__username';
$(function() {
    if ($.cookie(COOKIE_NAME)){
        $("#j_username").val($.cookie(COOKIE_NAME));
        $("#j_password").focus();
        $("#j_remember").attr('checked', true);
    } else {
        $("#j_username").focus();
    }

    $("#login_form").submit(function(){
        var $remember = $("#j_remember");
        if ($remember.attr('checked')) {
            $.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });
        } else {
            $.cookie(COOKIE_NAME, null, { path: '/' });  //删除cookie
        }
    });

});
  1. 当页面加载的时候,先去判断是否有cookie保存,如果有,则将用户名从cookie中取出,显示在用户名输入框中。
  2. 当表单进行提交的时候,如果用户选择记住用户名,那么将用户名保存在cookie中,否则,删除对应的cookie信息。

cookie方法介绍

实例 方法 备注
创建一个会话cookie $.cookie(‘cookieName’,’cookieValue’); 所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie。
创建一个持久cookie $.cookie(‘cookieName’,’cookieValue’,{expires:15}); 当指明时间时,故称为持久cookie,并且有效时间为15天。
创建一个持久并带有效路径的cookie $.cookie(‘cookieName’,’cookieValue’,{expires:15,path:’/’}); 如果不设置有效路径,在默认情况下,只能在cookie设置当前页面读取该cookie,cookie的路径用于设置能够读取cookie的顶级目录。
获取cookie $.cookie(‘cookieName’); 如果存在则返回cookieValue,否则返回null
删除cookie $.cookie(‘cookieName’,null); 如果想删除一个带有效路径的cookie,如下:$.cookie(‘cookieName’,null,{path:’/’});

总结:如果你想保存密码,当然和用户名差不多,不过你需要jquery.md5.js这样一份文件,用来将你保存的密码显示在密码框中。

版权声明:本文出自沉默王二的博客,转载必须注明出处。技术交流群 120926808

java web项目用cookie记住用户名、密码

1.jsp页面:
  • longtingjing
  • longtingjing
  • 2015年07月08日 10:41
  • 2691

java web 使用cookie记住用户的账号密码

毕业设计中需要用到记住账号密码的功能,网上搜到了一个解决方案,自己稍加改造就是下面的方法。 首先是登录的页面,当用户勾选记住密码,传递给controller(我用的SSM框架),后台设置cookie...
  • W3Chhhhhh
  • W3Chhhhhh
  • 2017年01月10日 10:53
  • 3199

jquery cookie记住用户名和密码(使用方法)

记住用户名密码操作
  • YQRQR
  • YQRQR
  • 2016年05月28日 17:50
  • 1666

Cookie记住用户名与密码

代码块 "java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> "c" uri="http://java.sun...
  • sunhuwh
  • sunhuwh
  • 2015年06月30日 01:14
  • 2741

jsp+servlet+Cookie实现记住密码功能

这个一个页面模拟的cookie 如果你要实现登录,当用户输入用户名密码时,到控制层用  Cookie cookie = new Cookie("user",name+"-"+passwar...
  • qq441568267
  • qq441568267
  • 2016年07月30日 12:09
  • 1053

Jsp使用Cookie完成记住账号密码的功能

网站中对于记住账号密码,方便下次登录的使用非常普遍,那么它是怎么实现的呢? 首先他的流程是,设计一个复选框,当选中复选框时,就会传值到处理页面,复选框的用途就是判断用户是否愿意记住账号密码。 我们...
  • weixin_36380516
  • weixin_36380516
  • 2017年04月05日 21:15
  • 5581

cookie、session及实现记住密码,自动登录

标签:cookie session 在登录帐号、密码框下,有三种帐号登录模式可供选择,用户可根据自己的具体情况选择其中一种适合自己的模式。 1、网吧模式:勾选网吧模式后,登录的帐号会在...
  • Smith_My_
  • Smith_My_
  • 2017年02月22日 16:11
  • 1657

如何利用cookie实现html页面的记住密码

【什么是cookie】 “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cook...
  • hanlincao
  • hanlincao
  • 2015年10月19日 15:43
  • 6083

cookie实现登陆页面保存用户名

密码也可以保存,但我没实现出来 1.首先是用户名,密码的input 和保存状态的checkbox 没找到怎么保存checkbox的状态,我就自己写了个 window.onlo...
  • betterdr07
  • betterdr07
  • 2015年07月15日 14:57
  • 1275

javaweb实现记住密码功能

具体思路是,如果用户勾选了记住密码那个框,那么肯定有是否勾选框的一个biao...
  • Tro_picana
  • Tro_picana
  • 2014年07月29日 17:55
  • 2349
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaWeb利用cookie记住账号
举报原因:
原因补充:

(最多只允许输入30个字)