11. [JS/jQuery] 정규식으로 form 양식 검사하기

정규식을 활용하면 내가 원하는 문자가 문장 안에 존재하는지 확인 해 볼 수 있습니다. 

 

정규식 사용 방법

결과를 true 혹은 false 로 받을 수 있다. 

/ 내가 원하는 문자 작성 /.test( 내가 검사할 문장 )

 

abc가 문장 내에서 연속되어 존재하는지 확인하는 정규식

정규식 문법

▷ [ ] : 검사하고 싶은 문자의 범위를 검색하는 기호 ex) [A-z], [ㄱ-ㅎ] 

/[A-z]/.test('dsadsaf')

 

 

▷ \S (역슬래쉬 S): 특수문자 포함한 모든 문자에 대해 탐색하는 기호 (문자 하나만 탐색)

만약, 여러 개의 문자를 탐색하고 싶다면 \S+ 로 접근해야 한다. 

/\S/.test('2esdas')

 

▷ \. (역슬래쉬 .) : .이 존재하는지 검사

/\./.test('.')

 

정규식 응용

1. 하나의 글자(특수 문자 포함) 뒤에 @(골뱅이) 가 나오는지 검사

 

/\S@/.test('e@')

 

2. 여러 글자(특수문자 포함) 뒤에 @(골뱅이) 가 나오는지 검사

/\S+@/.test('kyung@')

 

 

★ 3. 이메일 양식이 맞는지 검사하기

 

[simple ver] 

이메일 주소 구조 : dsdadsda@naver.com 

☞ 문자 @ 문자 . 문자 

/\S+@\S+\.\S/.test('mynameis@naver.com')

 

 

[제대로된 이메일 정규식 ver]

/^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i