您的位置:首页 > Web前端 > JavaScript

jsp login登录页面的记住密码 cookie控制

2016-03-23 14:39 627 查看
1、jsp页面:

<p >

<input type="checkbox" name="check" id="checkBox" class="checkbox"/>

<label for="checkBox">记住我</label>

<a href="#" class="forget_pass" style="display: block;" onclick="getpsw();">忘记密码?</a>

</p>

2、js代码:

$(function(){

if($.cookie('isCheck')&&$.cookie('userName')!=null&&$.cookie('password')!=null){

$("input[name='userName']").val($.cookie('userName'));

$("input[name='password']").val($.cookie('password'));

$("#checkBox").attr('checked','checked');

}else if($.cookie('userName')!=null){

$("input[name='userName']").val($.cookie('userName'));

}

})

3、登录时的js

function login() {

var userName = $.trim($("input[name='userName']").val());

var password = $.trim($("input[name='password']").val());

var isCheck = $("#checkBox").prop('checked');

if (userName.length == 0 || password.length == 0) {

alert("用户名或密码为空,请输入");

$("input[name='userName']").focus();

} else {

//ajax异步提交

$.post("${ctx}/user/login",{"userName":userName, "password":password},

function(data) {

if(data == "0") {

if(isCheck){ //选择“记住我”时,将用户的信息保存到本地cookie中

$.cookie('userName', userName, { expires: 7 });

$.cookie('password', password, { expires: 7 });

$.cookie('isCheck', isCheck, { expires: 7 });

}else{ //不“记住我”时,将之前保存的用户的信息从cookie中删除

//$.cookie('userName', '', { expires: -1});

$.cookie('password', '', { expires: -1 });

$.cookie('isCheck', '', { expires: -1 });

}

parent.location.reload();

} else if(data == "1"){

alert("用户处于未激活状态,请联系管理人员!");

}else if(data == "2"){

alert("用户名和密码错误");

}else if(data == "3"){

alert("用户名不存在");

}

});

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: