java spring实现记住账号和密码
2018-02-06 18:04
141 查看
jsp页面:
js:
$(document).ready(function(){
//记住密码功能
var str = getCookie("loginInfo");
str = str.substring(1,str.length-1);
var username = str.split(",")[0];
var password = str.split(",")[1];
//自动填充用户名和密码
$("#username").val(username);
$("#password").val(password);
});
//获取cookie
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
}
return "";
}
//记住密码功能
function remember(){
var remFlag = $("input[type='checkbox']").is(':checked');
if(remFlag==true){ //如果选中设置remFlag为1
//cookie存用户名和密码,回显的是真实的用户名和密码,存在安全问题.
var conFlag = confirm("记录账户和密码功能不宜在公共场所(如网吧等)使用,以防密码泄露.您确定要使用此功能吗?");
if(conFlag){ //确认标志
$("#remFlag").val("1");
}else{
$("input[type='checkbox']").removeAttr('checked');
$("#remFlag").val("");
}
}else{ //如果没选中设置remFlag为""
$("#remFlag").val("");
}
}
<div class="block">
<p class="block-heading">用户登录</p>
<div class="block-body">
<form id="login_form"
action="${pageContext.request.contextPath}/platform/login.htm"
method="post">
<input type="hidden" name="remFlag" id="remFlag"/>
<label>用户名</label>
<input autocomplete="off" id="username" name="username" value="${userName}" type="text" placeholder="请输入用户名" class="span12">
<label>密码</label>
<input name="password" id="password" type="password" class="span12" autocomplete="off" value="${userPass}" placeholder="请输入用密码" >
<label>验证码</label>
<input autocomplete="off" style="width: 150px;" id="code" name="code" type="text" placeholder="请输入验证码" class="span12" onblur="document.getElementById('enter').focus();">
<img alt="验证码" id="scode" style="width: 75px; height:30px; margin-bottom: 9px; " src="${pageContext.request.contextPath}/platform/getCode.htmc" >
<a href="#" onclick="javascript:flushCode();"><font style="font-style:italic;" size="1">看不清?换一张</font></a><br>
<input name="aaaa" type="checkbox" onclick="remember();">记住账号和密码
<a id="enter" href="#*" class="btn btn-primary pull-right" onclick="toLogin()">立即登录</a>
</form>
</div>
</div>
后台controller:
String userName = RequestTools.getParameter(request,"username","");
String userPass = RequestTools.getParameter(request,"password","");
//记住用户名、密码功能(注意:cookie存放密码会存在安全隐患)
String remFlag = request.getParameter("remFlag");
if("1".equals(remFlag)){
//"1"表示用户勾选记住密码
String loginInfo = userName+","+userPass;
Cookie userCookie=new Cookie("loginInfo",loginInfo);
userCookie.setMaxAge(30*24*60*60); //存活期为一个月 30*24*60*60
userCookie.setPath("/");
response.addCookie(userCookie);
}
request.setAttribute("userName", userName);
request.setAttribute("userPass", userPass);
就ok了
js:
$(document).ready(function(){
//记住密码功能
var str = getCookie("loginInfo");
str = str.substring(1,str.length-1);
var username = str.split(",")[0];
var password = str.split(",")[1];
//自动填充用户名和密码
$("#username").val(username);
$("#password").val(password);
});
//获取cookie
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
}
return "";
}
//记住密码功能
function remember(){
var remFlag = $("input[type='checkbox']").is(':checked');
if(remFlag==true){ //如果选中设置remFlag为1
//cookie存用户名和密码,回显的是真实的用户名和密码,存在安全问题.
var conFlag = confirm("记录账户和密码功能不宜在公共场所(如网吧等)使用,以防密码泄露.您确定要使用此功能吗?");
if(conFlag){ //确认标志
$("#remFlag").val("1");
}else{
$("input[type='checkbox']").removeAttr('checked');
$("#remFlag").val("");
}
}else{ //如果没选中设置remFlag为""
$("#remFlag").val("");
}
}
<div class="block">
<p class="block-heading">用户登录</p>
<div class="block-body">
<form id="login_form"
action="${pageContext.request.contextPath}/platform/login.htm"
method="post">
<input type="hidden" name="remFlag" id="remFlag"/>
<label>用户名</label>
<input autocomplete="off" id="username" name="username" value="${userName}" type="text" placeholder="请输入用户名" class="span12">
<label>密码</label>
<input name="password" id="password" type="password" class="span12" autocomplete="off" value="${userPass}" placeholder="请输入用密码" >
<label>验证码</label>
<input autocomplete="off" style="width: 150px;" id="code" name="code" type="text" placeholder="请输入验证码" class="span12" onblur="document.getElementById('enter').focus();">
<img alt="验证码" id="scode" style="width: 75px; height:30px; margin-bottom: 9px; " src="${pageContext.request.contextPath}/platform/getCode.htmc" >
<a href="#" onclick="javascript:flushCode();"><font style="font-style:italic;" size="1">看不清?换一张</font></a><br>
<input name="aaaa" type="checkbox" onclick="remember();">记住账号和密码
<a id="enter" href="#*" class="btn btn-primary pull-right" onclick="toLogin()">立即登录</a>
</form>
</div>
</div>
后台controller:
String userName = RequestTools.getParameter(request,"username","");
String userPass = RequestTools.getParameter(request,"password","");
//记住用户名、密码功能(注意:cookie存放密码会存在安全隐患)
String remFlag = request.getParameter("remFlag");
if("1".equals(remFlag)){
//"1"表示用户勾选记住密码
String loginInfo = userName+","+userPass;
Cookie userCookie=new Cookie("loginInfo",loginInfo);
userCookie.setMaxAge(30*24*60*60); //存活期为一个月 30*24*60*60
userCookie.setPath("/");
response.addCookie(userCookie);
}
request.setAttribute("userName", userName);
request.setAttribute("userPass", userPass);
就ok了
相关文章推荐
- 原创思考 NSUserDefaults实现自动登录--保存账号和密码--记住登录状态
- Java:Cookie实现记住用户名、密码
- java实现记住密码功能(利用cookie)
- springmvc+hibernate实现记住密码
- java登录程序用户密码5分钟内输错3次锁定用户账号一天的实现
- Android-利用SharedPreferences实现记住密码和账号功能
- java 开发,jsp 页面那个checkbox 框记住密码是怎么实现的?
- Java实现账号密码登录窗口(包含修改密码等)
- java shiro配置记住密码功能 RememberMe功能怎么实现
- 关于如何实现禁止浏览器记住账号、密码的功能
- 如何实现用户注册时记住账号和密码的功能?
- java实现应用程序记住用户名、密码功能
- Java:Cookie实现记住用户名、密码
- iOS实现账号、密码记住功能
- 使用SharedPreferences实现记住账号密码的功能
- java实现密码自动登录,记住密码
- java登录程序用户密码5分钟内输错3次锁定用户账号一天的实现
- java实现记住密码功能
- [Java开发] cookie、session及实现记住密码,自动登录思路
- Java:Cookie实现记住用户名、密码