JavaScript를 사용하여 이메일 주소를 어떻게 확인할 수 있나요?

JavaScript에서 이메일 주소 유효성 검사

사용자 입력이 유효한 이메일 주소인지 확인하기 위해 JavaScript는 몇 가지 유효성 검사 기술을 제공합니다.

정규 표현식:

활용하기 정규 표현식은 이메일 검증을 위한 효율적인 방법입니다. 유효한 이메일 형식과 일치하는 다음 표현식을 고려하세요.

const validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<()[\]\.,;:\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,}))$/
    );
};

유니코드 지원:

이메일 주소에 유니코드 문자를 수용하려면 다음 정규 표현식을 사용하세요.

const re =
  /^(([^<()[\]\.,;:\s@"]+(\.[^<()[\]\.,;:\s@"]+)*)|(".+"))@(([^<()[\]\.,;:\s@"]+\.)+[^<()[\]\.,;:\s@"]{2,})$/i;

클라이언트측 검증:

이 JavaScript 코드는 클라이언트 측에서 이메일 주소를 검증하는 방법을 보여줍니다.

$('#email').on('input', validate);

function validate() {
  const email = $('#email').val();
  const $result = $('#result');
  $result.text('');

  if (validateEmail(email)) {
    $result.text(email + ' is valid.');
    $result.css('color', 'green');
  } else {
    $result.text(email + ' is invalid.');
    $result.css('color', 'red');
  }
  return false;
}

고려 사항:

다음 사항을 기억하세요. 사용자가 비활성화할 수 있으므로 JavaScript 유효성 검사만으로는 충분하지 않습니다. 데이터 무결성을 보장하려면 서버 측에서 유효성 검사를 구현하는 것도 중요합니다.

위 내용은 JavaScript를 사용하여 이메일 주소를 어떻게 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!