jQuery记住密码

来源：互联网发布：优品课堂python百度云编辑：程序博客网时间：2024/06/05 18:01

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

0 0