첨부파일 https://imweb.eond.com/coding/361458

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

 

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 235 articles in 11 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
35 [부트스트랩] 부트스트랩 유료테마 파일 2016/06/22
34 [부트스트랩] [PSD] Responsive Bootstrap Grids 2016/06/22
33 [부트스트랩] [Bootstrap] 무료 부트스트렙 템플릿 사이트 파일 2016/06/23
32 [위지윅에디터] ckeditor 튜닝 및 설정 방법 2017/06/26
31 [프레임워크] Kendo UI 파일 2017/06/29
30 [위지윅에디터] 프로알라 에디터 이모티콘 커스텀 방법 2017/07/25
29 [부트스트랩] 부트스트랩 5열 그리드 2017/12/20
28 [프레임워크] uikit 파일 2017/12/27
27 [HTML5] HTML5 New Elements - New Semantic/Structural Elements 2018/01/07
26 [부트스트랩] Bootstrap 3 offset on right not left 2018/04/17
25 [프레임워크] JUI Framework 2018/05/27
24 [프레임워크] 재사용 UI 컴포넌트 설계 (by SK Planet FE개발자 윤지수, 2016/04/04) 2018/05/27
23 [프레임워크] 자주 사용되는 UI 패턴(컴포넌트) 과 UI 레이아웃 2018/05/27
22 [프레임워크] 설계 노하우: UI 컴포넌트 파일 2018/05/27
21 [프레임워크] 베스트 10 리액트 UI 라이브러리(10 Best React UI Library) 파일 2018/05/27
20 [프레임워크] BULMA CSS 프레임워크 2018/08/19
19 [프레임워크] 비밀글 Bulma Customizing 2018/08/27
18 [프레임워크] Bulma CSS Framework Customize with PHPStorm 2018/08/27
17 [프레임워크] Bootstrap VS Bulma 파일 2018/08/29
16 [프레임워크] Bootstrap Customize Site 2018/08/30

해시태그 디렉터리

지금 이순간

오늘의 핫게시물