[Java Script / DOM] 유효성 검사 및 이벤트
*키워드 : 유효성 검사, querySelector, 이벤트 핸들러 (onclik, onkeyup ... 등), 관심사 분리 유효성 검사(Form validation)란 ? 웹사이트에서 원하는 조건에 맞게 만드시 형식을 맞춰야하는 경우가 있는데, 그 조건들이 올바르게 구현되어 있는지 확인하는 것. HTML / CSS / DOM을 이용해 실행 가능. 예시) 특정 값은 반드시 입력해야 합니다. (아이디, 이메일, 비밀번호, 이름, 전화번호 등) 비밀번호는 n 자릿수 이상이어야 하고, 숫자나 특수문자를 반드시 포함해야 합니다. 비밀번호와 비밀번호 확인란에 입력된 문자가 동일해야 합니다. 신용카드의 경우, 입력한 신용카드의 번호가 유효해야 합니다. 이벤트 ? DOM에서 이벤트는 마우스를 클릭하거나, 키보드를 누..
2022. 5. 18.
