Validation Check(유효성 검사)
이게 뭐지..싶은 사람들을 위해 유효성 검사란 이런것이다 설명하자면,
비밀번호를 영문대소문자, 숫자, 특수문자 포함해서 입력해주세요!
연락처를 '000-0000-0000' 이런 형식으로 입력해 주세요!
select box에다가 '하나는 필수로 선택해 주세요!' 이런 문구를 띄워서 사용자가 필수로 입력하거나 선택하게 하는것이다.
처리는 자바스크립트로 유효성 검사해서 알림창 띄우거나 텍스트로 띄워주는 것으로 제일 쉽게 할 수 있단.
예시는 구글에 찾으면 잘 나와있으니 찾아보도록 하기.
이런 유효성 검사에서 정규식이 사용되는데,
정규식이란 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴인데 예시는 아래 참고!
이메일 정규식: var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 핸드폰번호 정규식: var regExp = /^\d{3}-\d{3,4}-\d{4}$/; 모든 공백 체크 정규식: var regExp = /\s/g; 숫자만 체크 정규식: var regExp = /^[0-9]+$/; |
'Frontend' 카테고리의 다른 글
입문자를 위한 자바스크립트 기초 강의_JS기초01 (0) | 2022.06.04 |
---|---|
Readonly vs Disabled (0) | 2021.12.18 |
JS Null Check. (0) | 2021.11.27 |
Lodash란? (0) | 2021.10.31 |
jQuery Event. (0) | 2021.10.02 |