这个功能很简单,不过,因为太简单,所以不是很安全,后续可以引MD5对账号密码进行加密
好了废话不多说,上代码
1引入cookie.js
<script src="${pageContext.request.contextPath }/js/dpjs/jquery.cookie.js"></script>
2.复选框。默认选中的,你也可以改为false
<input type="checkbox" checked="true" id="checkboxinfo" >
3.生成cookie,并把用户名,密码保存到cookie中,并取值
function saveUserInfo(){
if($("#checkboxinfo").attr("checked")=="checked"){
var nameOrMail = $("#userid").val();
var password = $("#password").val();
$.cookie("checkboxinfo","true",{expires:7});
$.cookie("userid",nameOrMail,{expires:7});
$.cookie("password",password,{expires:7});
}else{
$.cookie("checkboxinfo","false",{expires:-1});
$.cookie("userid",'',{expires:-1});
$.cookie("password",'',{expires:-1});
}
};
$(function(){
if ($.cookie("checkboxinfo") == "true") {
$("#userid").val($.cookie("userid"));
$("#password").val($.cookie("password"));
}
});
4.把saveUserInfo()方法,放进你的提交方法中,提交是,保存cookie
5PS:还是安全问题,因为没有加密,所以再cookie中可以直接看到用户名,密码,
6html页面部门代码
<div class="login_down">
<ul>
<li class="textli">
<img src="${pageContext.request.contextPath}/images/dpimages/login/username.png" class="icon">
<input type="text" name="userid" id="userid" placeholder="输入用户名">
</li>
<li class="pwdli">
<img src="${pageContext.request.contextPath}/images/dpimages/login/password.png" class="icon">
<input type="password" name="password" id="password" placeholder="输入密码">
</li>
<li class="checkbox-li">
<input type="checkbox" checked="true" id="checkboxinfo" >
<span>记住密码</span>
</li>
<li class="login_button" onclick="checkParameter()">登录</li>
</ul>
</div>