제이쿼리(jQuery) - 정규표현식

KimJH_94·2022년 9월 29일
0

제이쿼리

목록 보기
9/9
post-thumbnail

💻 정규표현식이란?


특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 '형식언어'이다. 정규표현식은 많은 텍스트 편집기와 프로그래밍 언어에서 '문자열의 검색과 치환'을 위해 지원하고 있다.

자바스크립트에서 정규표현식을 사용할 땐 정규표현식 바깥에 //로 감싸준다.

숫자 모양에 대한 형식 검사
/^[0-9]*$/

영문으로만 구성되었는지에 대한 형식 검사
/^[a-zA-Z]*$/

한글로만 구성되었는지에 대한 형식 검사
/^[ㄱ-ㅎ가-힣]*$/

영문과 숫자로만 구성되었는지에 대한 형식 검사
/^[a-zA-Z0-9]*$/

한글과 숫자로만 구성되었는지에 대한 형식 검사
/^[ㄱ-ㅎ가-힣0-9]*$/

이메일 형식인지에 대한 검사. 아이디@도메인의 형식을 충족해야 한다.
/^([\w-]+(?:.[\w-]+))@((?:[\w-]+.)\w[\w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i

'-'없이 핸드폰번호인지에 대한 형식검사.
/^01(?:0|1|[6-9])(?:\d{3}|\d{4})\d{4}$/

'-'없이 전화번호인지에 대한 형식검사. 각 부분에 대한 자리수도 충족시켜야 한다.
/^\d{2,3}\d{3,4}\d{4}$/

'-'없이 주민번호에 대한 글자수 및 뒷자리 첫글자가 1~4의 범위에 있는지에 대한 검사
/^\d{6}[1-4]\d{6}/

💻 제이쿼리에서 정규표현식 사용하기


자바스크립트에선 정규표현식을 / 슬래시로 감싸서 표현하며, 내장하고있는 test메서드를 통해 참 거짓을 판단한다.

정규표현식을 따로 설정한 변수에 대입시켜주고, 해당 변수의 불린값을 판단하여 사용자에게 리턴해준다.

let regex = /^[ㄱ-ㅎ가-힣]*$/; // 한글로만 구성되어있는지 검사

if( !regex.test( $('#id').val() ) ){ 
// 검사할 아이디 문자열이 한글로만 이루어져 있으면 true 
// -> 함수 외부 alert창 출력

// 영어나 숫자가 섞여있으면 false 
// -> 함수 내부 alert창 출력
	alert('이름은 한글로 입력해주세요');
    return false; // 숫자나 영어가 섞여있으면 함수 외부 alert가 출력되면 안됨
}
alert('아이디 입력이 완료되었습니다.')
profile
안녕하세요.

0개의 댓글