JS Validation Check.

starlikedh
|2021. 12. 4. 13:51

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