[자바스크립트/JavaScript] 자바스크립트(JavaScript) 이메일 형식 Validation 코드

자바스크립트(JavaScript)에서 화면 개발을 할 때, 이메일을 받아와야 하는 기능이 있곤 하다. 여기서 이메일을 입력하는데, 이메일 형식에 맞는지, 이메일 형식에 맞지 않는지를 체크해야 한다. 그래서, 프론트 단에서 체크하는 방법과 서비스 단에서 체크하는 방법이 있는데, 그 중에서도 여기서는 프론트 단에서 체크하는 방법을 기록한다.

---

사용 방법

자바스크립트(JavaScript)에 function 1개를 추가한다. 아래의 reg_email에 이메일 형식에 맞는 정규표현식을 넣는다.

function CheckEmail(str) {
		let reg_email = /^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/;
        let reg_email2 = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
		
		if(!reg_email.test(str)) {
			return false;
		} else {
			return true;
		}
	}

 

위의 정규식은 @ 전에 시작은 숫자가 올 수도 있고 소문자 또는 대문자 알파벳이 올 수 있고 _도 오거나 할 수 있다. @는 포함되어야 하고, 그 뒤에는 숫자나 소문자 또는 대문자 _가 있을 수 있으며, .은 포함되어야 한다. 이렇게 볼 수 있다. 위에서 reg_email도 써도 되고, reg_email2를 써도 된다.