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