1. 程式人生 > >Cookie記住使用者名稱與密碼

Cookie記住使用者名稱與密碼

程式碼塊

<%@ 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>