[JavaScript] 정규표현식(regular expression) - Email Validation Check

데이터를 입력하고 저장할 때, 그 값의 유효성을 체크하는 것은 필수적인데,

저장버튼을 누를때 validation 로직을 태워 return하는 flag 값이 true 또는 false로 저장 로직을 탈지 안 탈지 결정할 수 있다.

 

예시는 이메일 유효성 체크 로 응용해보았다.

 

function checkEmail(inputValue) {
  const exptext = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;
  return exptext.test(inputValue);
}

---

 

* 작성한 html 및 script 소스코드

 

 

 

* 실행 결과

 

1) 빈 값으로 로직을 태웠을 경우 '이메일을 입력하세요' alert창 출력

 

 

 

2) 정규 표현식에 맞지 않은 형식의 이메일 작성시  '올바른 이메일을 입력하세요' alert창 출력

 

 

 

3) 정규 표현식에 맞는 이메일 주소 작성시  '이메일이 유효합니다' alert창 출력