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("用户名不存在");
}
});
}
}
<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("用户名不存在");
}
});
}
}
相关文章推荐
- js控制文本框只能输入指定的字符串,并将字符串转换为大写
- JSON.parse()方法
- JS自定义属性兼容
- knockout js动态绑定viewModel的对象属性
- js处理select操作总结
- 理解和使用 JavaScript 中的回调函数
- [转]浅谈 JavaScript的原型对象与原型链
- 学习html,css,js记录(1)-html标签说明
- 事件捕获和事件冒泡
- Web报表工具FineReport的JS API开发(二)
- JavaScript中的setInterval用法
- BZOJ1452 [JSOI2009] Count
- Javascript事件总结
- 关于 JSTL c:out 对 XML html 自动转义 转义的禁用
- Servlet/JSP提供了一个实用的技术
- 调整JSP和servlet的一些非常实用的方法
- [Javascript] 怎么判断变量是否不为空
- Jsp1
- JavaScript数据格式验证探讨
- 两个重叠的div,点击内div而不触发外div的点击事件