Cookie記住使用者名稱與密碼
阿新 • • 發佈:2019-02-05
程式碼塊
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="r" tagdir="/WEB-INF/tags/r"%>
<html>
<head >
<title>Pearl Login Form Flat Responsive Widget Template</title>
<!-- Custom Theme files -->
<link href="<c:url value = "/res/css/login.css"/>" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.useso.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!--Google Fonts-->
<script>var ROOT_PATH = '<c:url value="/" />';var JSESSIONID = "<%=request.getSession().getId()%>";</script>
<script src="<c:url value='/res/js/jquery-2.1.3.min.js'/>"></script>
<script src="<c:url value='/res/js/jquery.validate.min.js'/>"></script>
<script src="<c:url value='/res/js/common.js' />"></script>
<script type="text/javascript">
function getCookie(name) {
var strCookie=document.cookie;
var arrCookie=strCookie.split("; ");
for(var i=0;i<arrCookie.length;i++) {
var arr=arrCookie[i].split("=");
if(arr[0]==name)
return arr[1];
}
return "";
}
function setCookie(name,value,expiresHours) {
var cookieString=name+"="+escape(value)+";path=" + ROOT_PATH;
if(expiresHours>0) {
var date=new Date();
date.setTime(date.getTime+expiresHours*3600*1000);
cookieString=cookieString+"; expires="+date.toGMTString();
}
document.cookie=cookieString;
}
$(function() {
var loginNameStr = "loginName";
var passwordStr = "password";
if((getCookie(loginNameStr)!=null&&getCookie(loginNameStr)!="")&&getCookie(passwordStr)!=null&&getCookie(passwordStr)!=""){
$("#remember").attr("checked","checked");
$("#loginName").val(getCookie(loginNameStr));
$("#password").val(getCookie(passwordStr));
}
$("#remember").click(function(){
var ischeck=$(this).is(":checked");
var loginVal = "";
var passwordVal = "";
alert(ischeck);
if(ischeck){
loginVal = $("#loginName").val();
passwordVal = $("#password").val();
}
setCookie(loginNameStr,loginVal,5);
setCookie(passwordStr,passwordVal,5);
});
});
</script>
</head>
<body>
<!--header start here-->
<div class="login">
<div class="login-main">
<div class="login-top">
<img src="<c:url value = "/res/img/head-img.png"/>" alt=""/>
<h1>Login <span class="anc-color"> to your account</span> </h1>
<form role="form" class="m-t" method="post">
<input type="text" placeholder="Redmine loginName" name = "loginName" id = "loginName" required="">
<input type="password" placeholder="Redmine Password" name = "password" id = "password" required="">
<div class="login-bottom">
<div class="login-check">
<label class="checkbox"><input type="checkbox" name="remember" id = "remember"/><i></i> Remember Me</label>
</div>
<div class="login-para">
<!-- <p><a href="#"> Forgot Password </a></p> -->
</div>
<div class="clear"> </div>
</div>
<input type="submit" value="Login" />
</form>
<h4>Don't have an account? please contact our administrator </a></h4>
</div>
</div>
</div>
</body>
</html>