Front-end/Vanilla JS
js 로그인 유효성검사
1924
2022. 1. 15. 03:18
const id = document.getElementById("id");
const pwd = document.getElementById("ps");
const login = document.getElementById("login");
const form = document.querySelector(".login__container__input");
form.addEventListener("submit", function(event) { // form submit 이벤트 발생 시
if (id.value.trim() == "") { // 만약 id값이 공백이라면
alert("아이디를 입력해주세요."); // 경고창 출력
event.preventDefault(); // form submit 함수 실행중지
} else if (pwd.value == "") { // 아니라면 만약 pwd값이 공백이라면
alert("비밀번호를 입력해주세요."); //경고창 출력
event.preventDefault(); // form submit 함수 실행중지
}
})