본문 바로가기
개발자의 공부방/프로젝트

프로젝트] 아이디 저장 feat. cookie

by 쌈빡한 쥬니준 2020. 7. 23.

로그인 버튼을 눌렀을 시 로그인() 함수 안에 넣어놨었는데..

아이디 저장이 되지 않았다.

var userInputEmail = $.cookie('email', $("#email_real").val(), { expires : 365 });
var userInputCheckBox = $.cookie('idSave', $("#idSave").val());
console.log('userInputEmail >>> ', userInputEmail)
console.log('userInputCheckBox >>> ', userInputCheckBox)

$('input[name="email_real"]').val(userInputEmail);
$('input[name="idSave"]').val(userInputCheckBox);

if($('input[name=email_real]').val() != "") { //전에 ID를 저장해서 처음 로그인페이지 로딩,
    console.log('체크박스 상태');        //아이디 저장이 체크가 되어 있을 시,
    $('#idSave').attr('checked', true); //체크박스의 체크상태로 둔다.
}

$('#idSave').change(function() { //해당 체크박스의 체크여부를 감지.
    console.log('체크박스 감지')

    if($('#idSave').is(':checked')) { //체크박스에 체크를 했을 시

        console.log('체크박스 ON')
        var userInputEmail = $('input[name="email_real"]').val();
        var userInputCheckBox = $('input[name="idSave"]').val();
        $.cookie('email', $("#email_real").val(), { expires : 365 }); //쿠키 삭제를 하루로 지정해놓음.
        $.cookie('idSave', $("#idSave").val(), { expires : 365 });
    } else { //체크박스에 체크를 해제 시

        console.log('체크박스 OFF')
        $.removeCookie('email', $("#email_real").val(), { expires : 365 });
        $.removeCookie('idSave', $("#idSave").val(), { expires : 365 });
    }
});

 

그래서 아래와 같이 바꿨다.

$(document).ready(function() {

    if($('input[name="email_real"]').val() != "") {
        console.log('체크박스 여부');
        $('#idSave').attr('checked', true);
    }

    $('#idSave').change(function() { //해당 체크박스의 체크여부를 감지.
        console.log('체크박스 감지');

        if($('#idSave').is(':checked')) { //체크박스에 체크를 했을 시
            console.log('체크박스 ON');
            $.cookie('email', $("#email_real").val(), { expires : 365 }); //쿠키 삭제를 365일로 지정해놓음.
            $.cookie('idSave', $("#idSave").val(), { expires : 365 });
        } else { //체크박스에 체크를 해제 시

            console.log('체크박스 OFF');
            $.removeCookie('email', $("#email_real").val(), { expires : 365 });
            $.removeCookie('idSave', $("#idSave").val(), { expires : 365 });
        }
    });

    callCookie();
});

 

 

 

쿠키 저장 값 참고는 아래 블로그를 참고했습니다.

https://rh-cp.tistory.com/69

댓글0