<body> <div class="container"> <ul class="main_content"> <li> <input id="name" type="text"/> </li> <li> <input id="pass" type="password"/> </li> </ul> <p style="margin-left:1.0rem"><input type="checkbox" name="checkbox" id="remember"/>记住密码</p> <p class="login_btn">登录</p> </div> </body> <script type="text/javascript"> $(function(){ getCookie(); }) $(".login_btn").click(function(){ var userName = $("#name").val(); if(userName == ''){ alert("请输入用户名。"); return; } var userPass = $("#pass").val(); if(userPass == ''){ alert("请输入密码。"); return; } setCookie(); $.post("${pageContext.request.contextPath}/yqfs/ajaxLogin",{"woman_id_card":userName,"pass":userPass},function(result){ if(result.flag == 'success'){ window.location.href='${pageContext.request.contextPath}/yqfs/visit'; }else{ alert(result.message); } }); }); function setCookie(){ //设置cookie var loginCode = $("#name").val(); //获取用户名信息 var pwd = $("#pass").val(); //获取登陆密码信息 var checked = $("input[name='checkbox']").prop("checked");//获取“是否记住密码”复选框 if(checked){ //判断是否选中了“记住密码”复选框 $.cookie("login_code",loginCode);//调用jquery.cookie.js中的方法设置cookie中的用户名 $.cookie("pwd",$.base64.encode(pwd));//调用jquery.cookie.js中的方法设置cookie中的登陆密码，并使用base64（jquery.base64.js）进行加密 }else{ $.cookie("pwd", null); } } function getCookie(){ //获取cookie var loginCode = $.cookie("login_code"); //获取cookie中的用户名 var pwd = $.cookie("pwd"); //获取cookie中的登陆密码 if(pwd){//密码存在的话把“记住用户名和密码”复选框勾选住 $("[name='checkbox']").attr("checked","true"); } if(loginCode){//用户名存在的话把用户名填充到用户名文本框 $("#name").val(loginCode); } if(pwd){//密码存在的话把密码填充到密码文本框 $("#pass").val($.base64.decode(pwd)); } } </script>
说是有的会自动清楚缓存，苹果微信浏览之类的
<script type="text/javascript"> $(function(){ getCookie(); }) $(".login_btn").click(function(){ var userName = $("#name").val(); if(userName == ''){ alert("请输入用户名。"); return; } var userPass = $("#pass").val(); if(userPass == ''){ alert("请输入密码。"); return; } setCookie(); $.post("${pageContext.request.contextPath}/yqfs/ajaxLogin",{"woman_id_card":userName,"pass":userPass},function(result){ if(result.flag == 'success'){ window.location.href='${pageContext.request.contextPath}/yqfs/visit'; }else{ alert(result.message); } }); }); function setCookie(){ //设置cookie var loginCode = $("#name").val(); //获取用户名信息 var pwd = $("#pass").val(); //获取登陆密码信息 var checked = $("input[name='checkbox']").prop("checked");//获取“是否记住密码”复选框 if(checked){ //判断是否选中了“记住密码”复选框 localStorage.setItem("login_code",loginCode); localStorage.setItem("pwd",$.base64.encode(pwd)); }else{ localStorage.setItem("pwd", null); } } function getCookie(){ //获取cookie var loginCode = localStorage.getItem("login_code"); var pwd = localStorage.getItem("pwd"); if(pwd){//密码存在的话把“记住用户名和密码”复选框勾选住 $("[name='checkbox']").attr("checked","true"); } if(loginCode){//用户名存在的话把用户名填充到用户名文本框 $("#name").val(loginCode); } if(pwd){//密码存在的话把密码填充到密码文本框 $("#pass").val($.base64.decode(pwd)); } } </script>
使用
localStorage