Regex 자바스크립트 - JavaScript에서 이메일 주소 유효성 검사

이메일 주소의 유효성을 검사하는 가장 좋은 방법은 정규식을 사용하는 것입니다. 이를 위해 필터를 사용하는 아래 방법은 양식의 이메일 주소 형식을 확인하고 유효한 경우 true를 반환합니다.

function validateEmail(email) {
 var re = /^(([^< > ()\[\]\\.,;:\s@"]+(\.[ ^< > ()\[\]\\.,;:\s@"]+)*)|(".+")) @((\[[0-9]{1,3}\. [0-9] {1,3}\. [0-9] {1,3}\. [0-9] {1,3}])|(([a-zA-Z\-0-9]+\.) +[a-zA-Z]{2,}))$/; 
 return re.test(이메일); 
}

예:

< 스크립트 src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 

< 형태> 
 < 이메일 주소를 입력합니다. 
 < 입력 id='email'> 
 < input type='button' id='validate' value='Validate' /> 
 
< 스크립트> 
function validateEmail(email) {
 var re = /^(([^< > ()[\]\\.,;:\s@\"]+(\.[ ^< > ()[\]\\.,;:\s@\"]+)*)|(\".+\")) @((\[[0-9]{1,3}\. [0-9] {1,3}\. [0-9] {1,3}\. [0-9] {1,3}\])|(([a-zA-Z\-0-9]+\.) +[a-zA-Z]{2,}))$/; 
 return re.test(이메일); 
}

function valider() {
 $("#resultat").text(""); 
 var email = $("#email").val(); 
 if (validateEmail(email)) {
 $("#resultat").text(email + "가 유효합니다."); 
("#resultat").css("색상", "녹색"); 
 } else {
 $("#resultat").text(email + "이(가) 잘못되었습니다."); 
 $("#resultat").css("색상", "빨간색"); 
 }
}

$("#valider").bind("클릭", 유효성 검사);