<form id="form22" name="form22" action="checklogin.action" method="post" > <div class="username" style="margin-top:50px;">  <label>用戶名：</label>  <input type="text" name="username" id="userName" />  <span id="myuser" style="color: red; font-size:12px; font-weight: normal;"></span> </div> <div class="password">  <label>密 碼：</label>  <input name="password" id="passWord" type="password" />  <span id="mypass" style="color: red; font-size:12px; font-weight: normal;"></span> </div> <div class="user_type" >  <label>  </label>  <input type="checkbox" id="saveUserName" style="float: left; margin-top:3px;" />   <span> 記住用戶</span>   </div> <input type="button" value="" class="btn_login" id="btn_login" onclick="checkform();"/></form>

function setCookie (name, value) {  var Days = 30; //此 cookie 將被保存 30 天  var exp = new Date();  exp.setTime(exp.getTime() + 1000);  if(value==""||value=="null"   ||value=="null"||value==" "){  }else{  document.cookie = name + "="+ escape(value) +";expires=Sun, 17-Jan-2038 19:14:07 GMT";  }}function getCookie(sName){  var aCookie = document.cookie.split("; ");  for (var i=0; i < aCookie.length; i++)  {   var aCrumb = aCookie[i].split("=");   if (sName == aCrumb[0])   {    return aCrumb[1];   }  }  return null;}function checkCookieExist(name){ if (getCookie(name))  return true; else  return false;}function deleteCookie(name, path, domain){ var strCookie; // 檢查Cookie是否存在 if (checkCookieExist(name)){  // 設置Cookie的期限為己過期  strCookie = name + "=";  strCookie += (path) ? "; path=" + path : "";  strCookie += (domain) ? "; domain=" + domain : "";  strCookie += "; expires=Thu, 01-Jan-70 00:00:01 GMT";  document.cookie = strCookie; }}function saveCookie(name, value, expires, path, domain, secure){ var strCookie = name + "=" + value; if (expires){  // 計算Cookie的期限, 參數為天數  var curTime = new Date();  curTime.setTime(curTime.getTime() + expires*24*60*60*1000);  strCookie += "; expires=" + curTime.toGMTString(); } // Cookie的路徑 strCookie += (path) ? "; path=" + path : ""; // Cookie的Domain strCookie += (domain) ? "; domain=" + domain : ""; // 是否需要保密傳送,為一個布爾值 strCookie += (secure) ? "; secure" : ""; document.cookie = strCookie;}

window.onload = function(){ //console.log("ctx: " + "${ctx}"); var name = getCookie("loginUserName"); document.getElementById("passWord").value=""; if(name != null && name != "") {  document.getElementById("userName").value = name;        document.getElementById("passWord").focus(); } else {  document.getElementById("userName").focus(); }}function checkform(){ ...... var isChecked = document.getElementById("saveUserName").checked; if(isChecked) {  setCookie("loginUserName",userName); }  ......}

<form class="form-signin">　　<input type="text" id="username" name="account" autofocus required placeholder="用戶名" class="form-control" style="width: 250px; margin-bottom: 5px;">　　<input type="password" id="password" name="password" required placeholder="密碼" class="form-control" style="width: 250px;">　　<br/>　　<input id="remember_me" type="checkbox" name="remember_me" onkeydown="check_enter(event)" style="width:250;">　　<span for="remember_me" onkeydown="check_enter(event)" style="width:250px">記住我</span>　　<br/><br/>　　<span class="btn btn-lg btn-primary btn-block">登 錄</span></form><script src="jquery.js" type="text/javascript"></script>
　　<script src="jquery.cookie.js" type="text/javascript"></script>

if ($("#remember_me").attr("checked")) {　　　　$.cookie("rmbUser", "true", { expires: 7 }); //存儲一個帶7天期限的cookie　　　　$.cookie("username", account, { expires: 7 });　　　　$.cookie("password", password, { expires: 7 });}else {　　　　$.cookie("rmbUser", "false", { expire: -1 });　　　　$.cookie("username", "", { expires: -1 });　　　　$.cookie("password", "", { expires: -1 });}

$().ready(function(){　　　　//獲取cookie的值　　　　var username = $.cookie('username');　　　　var password = $.cookie('password');　　　　//將獲取的值填充入輸入框中　　　　$('#username').val(username);　　　　$('#password').val(password); 　　　　if(username != null && username != '' && password != null && password != ''){  //選中保存秘密的復選框　　　　 $("#remember_me").attr('checked',true);}