jQuery를 이용한 ID/PW cookie 저장 처리
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
var cookieIdKeyStr = "USER_ID";
var cookiePwKeyStr = "USER_PW";
$(document).ready(function(){
<%-- 쿠키값을 읽어와 ID/PW 체크 --%>
if( $.cookie(cookieIdKeyStr)!="" && $.cookie(cookieIdKeyStr)!=null ) {
$("#cb_idSave").attr("checked", "checked");
$("#textMemberId").val($.cookie(cookieIdKeyStr));
}
if( $.cookie(cookiePwKeyStr)!="" && $.cookie(cookiePwKeyStr)!=null ) {
$("#cb_pwSave").attr("checked", "checked");
$("#textMemberPw").val($.cookie(cookiePwKeyStr));
}
});
function check() {
checkSaveIdPw();
}
<%-- ID/PW 저장 체크 --%>
function checkSaveIdPw() {
var checkStatus = $("#cb_idSave").is(":checked");
if( checkStatus ) {
$.cookie(cookieIdKeyStr, $("#mnMemberCode").val(), { expires: 30 });
} else {
$.cookie(cookieIdKeyStr, null);
}
checkStatus = $("#cb_pwSave").is(":checked");
if( checkStatus ) {
$.cookie(cookiePwKeyStr, $("#mnMemberPwd").val(), { expires: 30 });
} else {
$.cookie(cookiePwKeyStr, null);
}
}
|
jQuery cookie 사용법
$.cookie('the_cookie'); //cookie취득
$.cookie('the_cookie', 'the_value'); //cookie를 셋팅
$.cookie('the_cookie', 'the_value', { expires: 7 }); //쿠키의 유효기간을 7일간으로 지정
$.cookie('the_cookie', '', { expires: -1 }); //cookie 삭제
$.cookie('the_cookie', null); //cookie 삭제
https://github.com/carhartl/jquery-cookie // jQuery 쿠키 js 다운로드 및 참조
참고 : http://blog.naver.com/PostView.nhn?blogId=lazyker&logNo=110132802552
제목 | 날짜 | |
---|---|---|
코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) | 2018/01/03 | |
jQuery를 배울수 있는 동네들입니다. | 2013/08/09 | |
관련 링크 [1] | 2010/05/23 | |
195 | [부트스트랩] 부트스트랩 유료테마 | 2016/06/22 |
194 | [부트스트랩] metronic_v4.5.2 UI bootstrap | 2015/12/18 |
193 | [부트스트랩] Admin & Dashboard | 2016/06/22 |
192 | [부트스트랩] 부트스트랩 COLLAPSE 아코디언 효과 | 2016/06/15 |
191 | [부트스트랩] 부트스트랩 커스텀 padding, margin | 2016/06/05 |
190 | [부트스트랩] 부트스트랩에서 margin-top 은 어떻게 표현할까? | 2016/06/05 |
189 | [프레임워크] igniteui | 2015/12/24 |
188 | [부트스트랩] [부트스트랩UI] http://lambdathemes.in/ | 2015/12/18 |
187 | [svg] svg 색깔 칠하기 | 2015/11/27 |
186 | [svg] jenkov svg tutorial | 2015/11/27 |
185 | [svg] 간단한 예제, 네모난 박스 svg | 2015/11/26 |
184 | [svg] svg 제공 사이트, thenounproject.com | 2015/11/26 |
183 | [svg] 점점점 more 아이콘 svg 파일 | 2015/11/26 |
182 | [svg] SVG 소개 | 2015/11/26 |
181 | [svg] SVG 표현하는 5가지 방법 | 2015/11/26 |
180 | [웹폰트] 모빌리어스 웹폰트 사용하기 | 2015/11/19 |
179 | [Form] form 태그의 기본적인 사용방법 | 2015/08/31 |
178 | [Form] 인풋 폼 이미지로 대체하기 [1] | 2004/05/21 |
177 | [Form] form 태그 안에서의 button 태그의 사용 방법(button, a, input type=submit) | 2015/06/21 |
176 | [크로스브라우징] browserstack | 2015/08/31 |