이메일 유효성 검사, 정규식으로 끝내기 (JavaScript)

이런 상황이죠?

폼에서 이메일 입력받는데, 형식이 맞는지 체크해야 할 때.

코드 먼저 드릴게요

const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;

function isValidEmail(email) {
  return emailRegex.test(email);
}

// 테스트
console.log(isValidEmail("[email protected]"));  // true
console.log(isValidEmail("이상한이메일"));        // false
console.log(isValidEmail("[email protected]"));    // true

정규식 뜯어보기

폼에 적용하면

document.getElementById('email-form').addEventListener('submit', (e) => {
  const email = document.getElementById('email').value;
  
  if (!isValidEmail(email)) {
    e.preventDefault();
    alert('이메일 형식이 올바르지 않습니다');
    return;
  }
  
  // 통과하면 제출
});

코드 짜기 귀찮으면

**정규식 테스터**에서 바로 테스트해보세요. 무료입니다.