[자바스크립트] 올바른 이메일 형식 유효성 체크하기

아래 소스 코드는 정규 표현식에 따라 올바른 이메일 주소의 유효성을 체크하고 확인하는 스크립트 코드입니다.
유효한 이메일은 true를 반환하고, 반대의 경우는 false를 반환합니다. 간단한 코드이니 확인하시고 응용하시면 됩니다.

 

<script>
function emailCheck(email_address){     
	email_regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i;
	if(!email_regex.test(email_address)){ 
		return false; 
	}else{
		return true;
	}
}
function validateEmail() {
	var emailInput = document.getElementById('email');
	var resultDiv = document.getElementById('result');

	var email = emailInput.value;

	if (emailCheck(email)) {
		resultDiv.innerHTML = '유효한 이메일 주소입니다.';
	} else {
		resultDiv.innerHTML = '유효하지 않은 이메일 주소입니다.';
	}
}
</script>
<input type="text" id="email" maxlength="50" placeholder="your@email.com" >
<button onclick="validateEmail()">확인</button>
<div id="result"></div>

 

유효한 이메일

 

 

잘못된 이메일