[JSP] 로그인 아이디 저장 (Cookie)

 

HTML

---

<input id="uid" name="uid" type="text" title="아이디" />

 

 

SCRIPT

---

$(document).ready(function(){

	// 저장된 쿠키값을 가져와서 ID 칸에 넣어준다. 없으면 공백으로 들어감.
	var userInputId = getCookie("userInputId");

	$("input[name='uid']").val(userInputId);  
 
	if($("input[name='uid']").val() != ""){ // 처음 페이지 로딩 시, 입력 칸에 저장된 ID가 표시된 상태라면,
		$("#idSaveCheck").attr("checked", true); // ID 저장하기를 체크 상태로 두기.
	}

	$("#idSaveCheck").change(function(){ // 체크박스에 변화가 있다면,
		if($("#idSaveCheck").is(":checked")){ // ID 저장하기 체크했을 때,
			var userInputId = $("input[name='uid']").val();
			setCookie("userInputId", userInputId, 7); // 7일 동안 쿠키 보관
		}else{ // ID 저장하기 체크 해제 시,
			deleteCookie("userInputId");
		}
	});

	// ID 저장하기를 체크한 상태에서 ID를 입력하는 경우, 이럴 때도 쿠키 저장.
	$("input[name='uid']").keyup(function(){ // ID 입력 칸에 ID를 입력할 때,
		if($("#idSaveCheck").is(":checked")){ // ID 저장하기를 체크한 상태라면,
			var userInputId = $("input[name='uid']").val();
			setCookie("userInputId", userInputId, 7); // 7일 동안 쿠키 보관
		}
	});
});
 
  
<%-- 쿠키 설정 --%>
function setCookie(cookieName, value, exdays){
	var exdate = new Date();

	exdate.setDate(exdate.getDate() + exdays);

	var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString());

	document.cookie = cookieName + "=" + cookieValue;
}

 
<%-- 쿠키 삭제 --%>
function deleteCookie(cookieName){
	var expireDate = new Date();

	expireDate.setDate(expireDate.getDate() - 1);

	document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString();
}

 
<%-- 쿠키 호출 --%>
function getCookie(cookieName) {

	cookieName = cookieName + '=';

	var cookieData = document.cookie;
	var start = cookieData.indexOf(cookieName);
	var cookieValue = '';

	if(start != -1){
		start += cookieName.length;

		var end = cookieData.indexOf(';', start);

		if(end == -1)end = cookieData.length;

		cookieValue = cookieData.substring(start, end);
	}
	return unescape(cookieValue);
}