(2023.11.15) (로그인 기능) 정규 표현식을 이용해서 유효성 검사하기

이번에는 로그인에서 이메일 형식과 비밀번호 형식을 확인하기 위해서 사용하는 정규표현식에 대해서 알아보도록 하겠습니다.

 

기본 정규표현식 문법

문자	기능	설명
.	문자	1개의 문자와 일치한다.
[ ]	문자 클래스	[ 와 ] 사이의 문자 중 하나를 선택한다. [ a-z ] 는 a부터 z까지 중 하나를 의미합니다.
^	처음	문자열의 처음을 의미합니다.
$	끝	문자열의 끝을 의미합니다.
[^ ]	부정	문자 클래스 안의 문자를 제외한 나머지를 선택합니다.
( )	하위식	여러 식을 하나로 묶을 수 있습니다.
/n	일치하는 n번째 패턴	일치하는 패턴들 중 n번째를 선택합니다.
/*	0회 이상	0개 이상 문자를 포함합니다.
{m, n}	m회 이상n회 이하	a[1,3]b는 ab, aab, aaab를 포함하지만 b, aaaab는 포함하지 않습니다.

 

1. 필수 입력 정규표현식

reg_required = /.{1,}/;

 

 

2. 이름, 닉네임 정규표현식

reg_name1 = /^[가-힣]+$/; //한글만
reg_name2 = /^[a-zA-z]+$/; //영어만
reg_name3 = /^a-z]+$/; //영어 소문자
reg_name4 = /^[A-Z]+$/; //영어 대문자
reg_name4 = /^[가-힣a-zA-Z]+$/; //한글 + 영어만

 

3. 아이디 관련 정규표현식

let reg_id1 = /^[a-z0-9_-]{4,20}$/; // 소문자+ 숫자 + 언더바/하이픈 허용 + 4~20자리

 

4. 비밀번호 관련 정규표현식

reg_pw1 = /^[a-z0-9_-]{6, 18}$/; // 6~18자리 비밀번호

 

5. 이메일 관련 정규표현식

reg_email =  /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i
// 길이까지 확인을 하는 정규표현식

 

공부하면서..

정규표현식을 이용하면 입력받은 데이터를 정확하게 입력을 했는지 확익하는 유효성검사를 하는데 사용이 가능합니다.

예를 들어 이메일 형식을 맞춰야하는 경우와 비밀번호 형식인 경우에 정규 표현식을 이용하여 입력 받은 데이터가 정상적인 형식으로 되어있는지 확인이 가능합니다.