jsp페이지에서 스크립트와 BODY부분 소스만 작성하게 되면, 쉽게 쿠키를 통한 아이디 저장 소스를
구현할수 있습니다.
Controller
@RequestMapping("/cookietest")
public String cookietest(){
return "cookietest";
}
저는 cookietest라는 페이지를 생성하여 테스트를 진행했습니다.
스크립트 소스
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<script>
$(function(){
getid();
$("#chkuser_id").click(function(){
saveid();
}); //#chkuser_id.click
}); //function(){
function saveid() {
var expdate = new Date();
// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
if($("#chkuser_id").prop("checked")){
expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
} else {
expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
}
setCookie("saveid", $("#user_id").val(), expdate);
} //saveid()
function setCookie (name, value, expires) {
document.cookie = name + "=" + escape (value) +"; path=/; expires=" + expires.toGMTString();
} //setCookie(name,value,expires)
function getCookie(Name) {
var search = Name + "=";
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search);
if (offset != -1) { // 쿠키가 존재하면
offset += search.length;
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length;
return unescape(document.cookie.substring(offset, end));
}
}
return "";
} //getCookie(Name)
function getid() {
var saveId = getCookie("saveid");
if(saveId != "") {
$("#user_id").val(saveId);
$("#chkuser_id").prop("checked",true);
}
} //getid()
</script>
jsp BODY 부분
<body>
<input type="text" class="idinput" id="user_id" name="user_id" title="아이디" placeholder="아이디" /><br/>
<input type="password" class="pwinput" id="user_pass" name="user_pass" title="비밀번호" placeholder="비밀번호"/><br/>
<input type="checkbox" name="chkuser_id" id="chkuser_id" onClick="javascript:saveid(document.new_user_session);" class="idchk" />
<label for="checkId" id="chk_label" class="chk_txt" >아이디 저장</label>
<input type="button" value="로그인" class="sumit" name="loginBtn" id="loginBtn"/>
</body>
실행화면을 보시면 아이디를 입력후에 아이디저장 check버튼을 체크하고 로그인후 새로고침을 할경우 아이디가
정상적으로 저장되어 보여지는것을 확인할수 있습니다.
아이디저장 check버튼을 해지하고 로그인버튼을 클릭한 뒤에 새로고침시에는 다시 아이디란에 기재한 아이디가
삭제되어 보여지는것을 확인할수 있습니다.
감사합니다.
'JAVA개발' 카테고리의 다른 글
| [JAVA 개발] 네이버 메일(naver)을 통한 이메일 발송하기 (2) | 2015.07.24 |
|---|---|
| [JAVA 개발] jquery blockUI를 사용한 모달창(레이어팝업/다이얼로그창)출력 (0) | 2015.07.23 |
| [JAVA 개발] 메인페이지에 글내용 노출시 html태그를 빼고 노출시키는 방법 (0) | 2015.07.20 |
| [JAVA 개발] jquery(제이쿼리) 회원가입 연락처 숫자만 입력 폼 (0) | 2015.07.17 |
| [JAVA 개발] jquery(제이쿼리) keyup / text / html 이용한 회원가입 비밀번호 확인 체크폼 (0) | 2015.07.17 |
