JS使用cookie完成记住密码功能

来源：互联网发布：淘宝买万艾可处方单编辑：程序博客网时间：2024/05/16 12:37
<div class="login">    <div class="login-top">        <h1>海置业后台</h1>        <form action="<{$Think.const.PC_DOMAIN}>/admin/Index/login" method="post">            <input type="text" value="管理员账号" id="userName" name="userName" onfocus="this.value = &#39;&#39;;"                   onblur="if (this.value == &#39;&#39;) {this.value = &#39;管理员账号&#39;;}">            <input type="password" value="登陆密码" id="passWord" name="passWord" onfocus="this.value = &#39;&#39;;"                   onblur="if (this.value == &#39;&#39;) {this.value = &#39;登陆密码&#39;;}">            <div class="forgot">                <label><input type="checkbox" id="isRemberPwdId" checked="checked">记住密码</label>                <input type="submit" value="登陆" onclick="saveUserInfo()">            </div>        </form>    </div></div>
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script><script src="/js/jquery.cookie.js"></script><script>    $(document).ready(function() {        if ($.cookie("isRemberPwdId") == "true") {            $("#isRemberPwdId").attr("checked", true);            $("#userName").val($.cookie("userName"));            $("#passWord").val($.cookie("passWord"));        }    });    //保存用户信息    function saveUserInfo() {        if ($("#isRemberPwdId").attr("checked") == true) {            var userName = $("#userName").val();            var passWord = $("#passWord").val();            $.cookie("isRemberPwdId", "true", { expires: 7 });            $.cookie("userName", userName, { expires: 7 });            $.cookie("passWord", passWord, { expires: 7 });        }        else {            $.cookie("isRemberPwdId", "false", { expires: -1 });            $.cookie("userName", '', { expires: -1 });            $.cookie("passWord", '', { expires: -1 });        }    }</script>
0 0