본문 바로가기

Javascript Tip

[javascript] 로그인 아이디 저장 스크립트


//체크박스 클릭시

function chk_saveid() {

var f = document.login_frm;

  var expdate = new Date();

  // 30일동안 아이디 저장 

  if (f.saveid.checked)

    expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일

  else

    expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건

  setCookie("saveid", f.online_id.value, expdate);

}


//폼 로드시 쿠키 아이디 가지고 오기

function chk_getid() {

var f = document.login_frm;

  f.saveid.checked = ((f.online_id.value = getCookie("saveid")) != "");

}


//쿠키 정보 가지고 오기

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 "";

}

//쿠키정보 저장

function setCookie (name, value, expires) {

  document.cookie = name + "=" + escape (value) +

    "; path=/; expires=" + expires.toGMTString();

}






<form name="login_frm" id="login_frm" method="post">

  <div><img src="../images/gate_logo.jpg"></div>

  <div> 

    <ul class="fl">

      <li class="idpw"><input name="online_id" type="text" id="online_id" class="input" placeholder="아이디" /></li>

      <li class="idpw"><input name="online_pw" type="password" id="online_pw" class="input" placeholder="비밀번호" onkeydown="javascript:if(event.keyCode==13){chk_login();}"/>/li>

       <li class="keep"><input type="checkbox" name="saveid" id="saveid"  onClick="chk_saveid()"/>&nbsp;&nbsp;아이디 저장</li>

     </ul>

   </div>

   <div><img src="../images/login_btn.jpg" title="로그인" class="gatebtn"  onclick="chk_login();"  /></div>

   </form>