NULL
js 로그인 유효성검사 본문
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 함수 실행중지
}
})
'Front-end > Vanilla JS' 카테고리의 다른 글
JS 변수 동적 타이핑 (0) | 2022.04.07 |
---|---|
js .trim() 내장함수 (0) | 2022.01.15 |
js keydown, keyup, input 이벤트 차이 (0) | 2022.01.15 |
자바스크립트 배열 관련 내장함수 (0) | 2022.01.13 |
자바스크립트 split함수 (0) | 2022.01.12 |
Comments