272일차(모험 181일차) - 회원가입 성공 후 로그인 페이지 전환

 

<button type = "button">

회원가입 버튼 클릭 시 새로고침 안되게 하기위해 작성했다.

방법은 여러가지가 있는 듯 하나 로그인 버튼 type속성을 button으로 주면 새로고침이 되지 않기 때문에

아래와 같이 수정했다.

<button type="button" class="btn" onclick="checkSignUp()">Sign Up</button>

출처 : <form> 안의 <button> 이 페이지를 새로고침하지 않도록 하기

 

 

 

 

로그인 버튼을 누르면 조건을 만족했는지 체크하고 아닌 경우에는 경고 메세지를 띄우게 했다.

 

 

 

조건을 만족한 경우에는 회원가입을 시도한다.

function checkSignUp(){
    if ( (usernameType) && (nicknameType) && (emailType) && (passwordType) ) {
        signUp() // 회원가입 db 저장
    }
    else{
    // msg 띄우기
    // 생략
    }

}

 

 

 

회원가입이 성공한 경우 자동으로 로그인 창으로 이동한다.

if (response == "회원가입이 완료되었습니다."){
    $(".successMsg").text("회원가입이 완료되었습니다.");

    setTimeout(function (){
        $(".successMsg").text("로그인 창으로 전환합니다.");
    },1500)

    setTimeout(function (){ // 로그인 창 전환 msg 2초뒤 화면 전환
        $("#left").click()
        $(".successMsg").text("")
    }, 3500)
}

 

 

 

 

front : [add] 회원가입 후 로그인 전환 [#76] #77

backend : [add] 회원가입 db 저장 [#63] #69