登录记住用户名密码

最新推荐文章于 2021-09-15 20:41:41 发布

小菜911

最新推荐文章于 2021-09-15 20:41:41 发布

阅读量1.9k

点赞数

描述：登陆，选中记住密码。下次可以直接登陆，用户名，密码在文本框直接显示。

导入：jquery库和 jquery.cookie .js 注意先后顺序。



<script type="text/javascript">

    $(document).ready(function() {
        alert(1);
        if ($.cookie("rmbUser") == "true") {
            alert(2);
            $("#rmbUser").attr("checked", true);
            $("#wsc-username").val($.cookie("userName"));
            $("#wsc-password").val($.cookie("passWord"));
        }
    });


    function saveUserInfo() {
        if ($("#rmbUser").attr("checked") == true) {
            alert(3);
            var userName = $("#wsc-username").val();
            var passWord = $("#wsc-password").val();
            $.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie
            $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie
            $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie
        }
        else {
            alert(4);
            $.cookie("rmbUser", "false", { expires: -1 });        // 删除 cookie
            $.cookie("userName", '', { expires: -1 });
            $.cookie("passWord", '', { expires: -1 });
        }
    }



</script>


<body>
<form action="" method="post">
	<div class="form">

		<div id="J_UserName" class="loginItem">
			<label>用户名：</label>
			<input maxlength="200" value="" name="u_username" class="log_Field" id="wsc-username">
		</div>

		<div class="loginItem" id="J_Password">
			<label>密  码：</label>
			<input type="password" value="" maxlength="20" name="u_pwd" class="log_Field" id="wsc-password">
		</div>

		<div class="loginRemember">
			<input type="checkbox" checked="true" name="chkRememberUsername" class="checkbox" id="rmbUser">
			<label for="rmbUser">记住用户名</label>
			<a href="#">忘记密码?</a>
		</div>

		<div class="loginItem loginButton" id="wait">
			<input type="submit" value="登录" οnclick="saveUserInfo()" class="button" id="log_Commit">
		</div>

	</div><!--form div-->
</form>

</body>