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方法介绍

总结：假设你想保存密码，当然和用户名差点儿相同，只是你须要jquery.md5.js这样一份文件，用来将你保存的密码显示在密码框中。