로그인 폼에 '아이디기억' 옵션달기

1. 아이디 기억을 체크할 수 있는 필드를 로그인 폼안에 추가한다.

 

  <input type="checkbox" name="saveid" /> 아이디 기억

 

2. 아이디를 기억할 수 있도록 자바스크립트를 추가한다.

 

< script type="text/javascript">
function saveSId(form){
    var expdate = new Date();
    if (form.saveid.checked)
        expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
    else
        expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
    setSCookie("saveid", form.UID.value, expdate);
}
function setSCookie (name, value, expires) {
    document.cookie = name + "=" + escape (value) + "; path=/; expires=" + expires.toGMTString();
}
function getSCookie(Name) {
    var search = Name + "=";
    if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
        if (offset != -1) {
            offset += search.length;
            end = document.cookie.indexOf(";", offset);

            if (end == -1)
                end = document.cookie.length
            return unescape(document.cookie.substring(offset, end))
        }
    }
    return "";
}
function getSId(form) {
      form.saveid.checked = ((form.UID.value = getSCookie("saveid")) != "");
}
getSId(document.loginform);
< /script>

 

위의 자바스크립트는 로그인 되지 않았을 때 호출되어야 하므로 로그인 폼 바로 밑에 추가하도록 한다.

 

3. 로그인시 자바스크립트를 수행할 수 있도록 폼안에 name과 이벤트를 추가한다.

 

< form method="post" name="loginform"  action="#!href.login;" target="hidden_frm" style="margin:0px;" onsubmit="saveSId(this);">