Spring Boot Board Project_04 로그인 유효성 검사

1. 이메일, 비밀번호 미작성 시 로그인 막기

요소 얻어오기

const loginForm = document.querySelector("#loginForm");

const loginPw = document.querySelector("#loginForm input[name='memberPw']");

로그인이 안된 상태에서만 loginForm 이 보임

if(loginForm != null) {

    // 제출 이벤트 발생 시 (submit)
    loginForm.addEventListener("submit", e => {

        // 이메일 미작성 처리
        if(loginEmail.value.trim().length === 0) {
            // 아무것도 작성 안됐을 때
            alert("이메일을 작성해주세요");
            // 기본 이벤트 제출을 막아야함
            e.preventDefault();
            // email 작성하는 곳으로 초점 이동
            loginEmail.focus();
            return;
        }

        // 비밀번호 미작성
        if(loginPw.value.trim().length === 0) {
            // 아무것도 작성 안됐을 때
            alert("비밀번호를 작성해주세요");
            // 기본 이벤트 제출을 막아야함
            e.preventDefault();
            // email 작성하는 곳으로 초점 이동
            loginPw.focus();
            return;
        }
    });
}