jQuery记住密码

记住密码功能,主要是存储cookie

下面代码需要外加js.cookie.js文件

html代码:

<table class="container" id="login" >
	<tr>
		<td>账号:</td>
	    <td width="270px" style="text-align: left;">
		<input name="userName" id="id_username" value="${user.userName}" type="text" class="from-control" placeholder="请输入账号">
	    <font id="er1" style="color: #FF0000;"> </font>
	    </td>
	</tr>
	<tr>
	    <td>密码:</td>
	  	<td style="text-align: left;">
	  	<input name="password" id="id_pswd" value="${user.userPswd }" type="password" class="from-control" placeholder="请输入密码">
	  	<font id="er2" style="color: #FF0000;"> </font>
	  	</td>
	</tr>
</table>


jquery代码:

$(document).ready(function() {
    if (Cookies.get("rmbUser")) {
    	$("#ck_rmbUser").prop("checked", true);
        $("#id_username").val(Cookies.get("username"));
        $("#id_pswd").val(Cookies.get("password"));
    }
	//提交表单
    $("#button").click(function(){
    	if( $("#id_username").val()=="" ){
			$("#er1").html("请输入账号");
		}else if( $("#id_pswd").val()=="" ){
			$("#er2").html("请输入密码");
		}else{
			Save();login();//代码里我就省略login()咯
		}
    });
	$("#id_username").keydown(function(){
		$("#er1").html("");$("#er2").html("");
	});
	$("#id_pswd").keydown(function(){
		$("#er1").html("");$("#er2").html("");
	});
});
//记住密码
function Save(){
	if($("#ck_rmbUser").is(":checked")){
		var str_username = $("#id_username").val();
		var str_password = $("#id_pswd").val();			
		Cookies.set("rmbUser","true",{expires:7});//存储7天的cookie
		Cookies.set("username",str_username , {expires:7});
		Cookies.set("password",str_password , {expires:7});
		
	}else{
		Cookies.set("rmbUser","false",{expires: -1});
		Cookies.set("username","", {expires: -1});
		Cookies.set("password","", {expires: -1});
	}
}





  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值