记住密码功能,主要是存储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});
}
}