유효성 검사를 위한 정규표현식
수정하기
문서 생성 2022-11-07 23:13:40 최근 수정 2022-11-08 00:15:03
Goal
정규표현식을 매번 검색하기 귀찮으니 조금이라도 수고를 덜기 위해 기록해두자. 그리고 사용할 때마다 어떻게 이렇게 될 수 있는지 파악하는 시간을 가졌으면 좋겠다.
이메일
const emailPattern = /^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]{2,3})$/
참고 자료
@ 앞에는 숫자, 영어 대소문자, _와 ., -이 들어갈 수 있고
뒤에는 숫자, 영어 대소문자, _와 - 그리고 .이 오고 또 숫자, 영어 대소문자, _와 - 그리고 2~3자리여야 한다. (ex. .com, .net 처럼)
읽어 보기
전화번호
하이픈 자동 완성
target.value = target.value.replace(/[^0-9]/g, '').replace(/^(\d{0,3})(\d{0,4})(\d{0,4})$/g, '$1-$2-$3').replace(/(\-{1,2})$/g, '');
replace(/[^0-9]/g, ''): 숫자를 제외한 값은 삭제replace(/^(\d{0,3})(\d{0,4})(\d{0,4})$/g, '$1-$2-$3'): 3자리, 4자리, 4자리의 숫자를$1-$2-$3형태로 변환replace(/(\-{1,2})$/g, ''): 변환한 문자열에서 끝자리 부분에--가 연속되면 삭제 -> 숫자가 다 입력되지 않으면 전 단계에서010--처럼 변환될 수 있어서
유효성 검사
const phoneNumberPatter = /^[0-9]{3}-[0-9]{4}-[0-9]{4}/// 000-0000-0000
- 숫자3자리-숫자4자리-숫자4자리 형식
닉네임
const nicknamePattern = /^[A-Za-z0-9가-힣]{5,11}$/;
- 영어 대소문자, 숫자, 한글 가능
- 5자리에서 11자리
비밀번호
const passwordValidator = password => {const checkAlphabetNumber = /^(?=.*[a-zA-Z])(?=.*[0-9]).{10,}$/.test(password); // 영어 대소문자, 숫자 조합 10자리 이상const checkAlphabetSpecialSymbol = /^(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{10,}$/.test(password); // 영어 대소문자, 특수문자 조합 10자리 이상const checkSpecialSymbolNumber = /^(?=.*[^a-zA-Z0-9])(?=.*[0-9]).{10,}$/.test(password); // 특수문자, 숫자 조합 10자리 이상if (!(checkAlphabetNumber ||checkAlphabetSpecialSymbol ||checkSpecialSymbolNumber)) {message ='10자 이상 영어 대문자, 소문자, 숫자, 특수문자 중 2종류를 조합해야 합니다.';return message;}if (/(.)\1\1/.test(password)) {message = '같은 문자를 3개 이상 입력할 수 없습니다.';return message;}if (/(012|123|234|345|456|567|678|789|987|876|765|654|543|432|321|210)+/gi.test(password)) {message = '연속된 숫자를 3개 이상 입력할 수 없습니다.';return message;}}
연속된 숫자는 어떻게 하는지 고민이었는데 생각보다 가짓수가 많지 않았다. 완전 탐색이 생각났다.
날짜
포맷팅
target.value = target.value.replace(/[^0-9]/g, '').replace(/(\d{4})(\d{2})(\d{2})/g, '$1.$2.$3');
- 숫자 아닌 것 지우기
4자리숫자.2자리숫자.2자리숫자형식으로 변환
유효성 검사
const birthPattern = /^(19[0-9][0-9]|20\d{2}).(0[1-9]|1[0-2]).(0[1-9]|[1-2][0-9]|3[0-1])$/;
19**년 ~ 20**년01월 ~ 12월31 일- 30일까지 있는 달과 31일까지 있는 달은 구별 x