NULL

js 로그인 유효성검사 본문

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 함수 실행중지
    }
})

 

'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