[자바스크립트] 정규식으로 이메일형식 검증하기

.includes함수로 안에 어떤 문자가 포함되었는지 검사 가능하다

 

그런데 안에 영어가 포함되었는지, 숫자가 포함되었는지 .. . 이런건 어떻게 할까?

 

정규식을 사용하면 된다.

'abcde'라는 문자열 안에 [a부터z까지] 포함되어있으면 true, 아니면 false를 출력한다.

한글도 마찬가지이다.

 

이런식으로

숫자의 경우는 [0-9]

 

아무런 문자 하나: \S

a로 시작하는지: ^a

a로 끝나는지: a$

a또는b: a|b 

등으로 쓸 수 있다.

이메일은 (간략하게) 이렇게 쓸 수 있다.

아무 문자 여러개 + @ + 아무 문자 여러개 + . + 아무 문자 여러개 라는 뜻이다.

 

이제 이걸 자바스크립트로 써 보면

이렇게 사용할 수 있다.

 

정규식에 맞다면 true를 반환하게 되니 

앞에 !를 붙여 정규식에 맞지 않는 경우에 alert가 나오게 하면 된다.