> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript는 이메일인지 여부를 결정합니다.

JavaScript는 이메일인지 여부를 결정합니다.

WBOY
풀어 주다: 2023-05-06 09:55:06
원래의
887명이 탐색했습니다.

현대 인터넷 시대에 이메일은 사람들의 일상생활과 비즈니스 활동에 없어서는 안 될 부분이 되었습니다. 웹페이지나 애플리케이션에 이메일 주소를 입력할 때 입력한 주소가 올바른 형식이고 유효한지 확인해야 합니다. 이 기사에서는 JavaScript를 사용하여 문자열이 유효한 이메일 주소인지 확인하는 방법을 소개합니다.

우선 유효한 이메일 주소 형식이 어떤 사양을 준수해야 하는지 명확히 해야 합니다. 표준 이메일 주소는 다음 부분으로 구성되어야 합니다.

  1. 사용자 이름: 사용자 이름은 일반적으로 ".", "_", "-" 등과 같은 문자, 숫자 및 기호로 구성되지만 이러한 문자로 시작하거나 끝날 수 없습니다. 기호가 연속해서 나타날 수 없습니다.
  2. @ 기호: 이메일 주소에는 @ 기호가 포함되어야 합니다.
  3. 도메인 이름: 도메인 이름은 일반적으로 "@gmail.com", "@163.com" 등과 같이 이메일 서비스 제공업체 이름과 최상위 도메인 이름으로 구성됩니다.
  4. 접미사: 이메일 주소의 마지막 부분은 .com, .net, .cn 등과 같은 일반적인 최상위 도메인 이름 접미사여야 합니다.

표준 이메일 주소의 형식을 이해한 후에는 JavaScript의 정규식을 사용하여 문자열이 이메일 주소인지 확인할 수 있습니다. 다음은 함수 예입니다.

function isEmail(str) {
  var pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
  return pattern.test(str);
}
로그인 후 복사

이 함수는 정규식을 사용하여 표준 이메일 주소 형식을 준수하는 문자열을 일치시킵니다. 정규식의 의미는 다음과 같습니다.

  • ^: 문자열의 시작
  • [a-zA-Z0-9._-]+: 사용자 이름 부분, 문자, 숫자, 점, 밑줄로 구성됨 및 하이픈을 사용할 수 없으며 이러한 기호로 시작하거나 끝날 수 없으며 연속해서 나타날 수 없습니다.
  • @: @ 기호
  • [a-zA-Z0-9.-]+: 도메인 이름 부분, 문자, 숫자, 점, 하이픈으로 구성됩니다.
  • .: 점, 도메인 이름과 접미사를 연결하는 데 사용됩니다.
  • [a-zA-Z]{2,}: 이메일 주소의 접미사 부분으로, 최소 두 글자로 구성된 최상위 도메인 이름 접미사입니다.

함수는 정규식의 test() 메서드를 사용하여 수신 문자열이 이메일 주소 형식과 일치하는지 확인합니다. 이 메서드는 부울 값을 반환하며, 일치하면 true, 그렇지 않으면 false를 반환합니다.

이 함수를 호출하면 문자열이 유효한 이메일 주소인지 빠르게 확인할 수 있습니다. 예는 다음과 같습니다.

var email = "example@gmail.com";
if (isEmail(email)) {
  console.log(email + " is a valid email address.");
} else {
  console.log(email + " is not a valid email address.");
}
로그인 후 복사

위 예에서는 판단을 위해 이메일 주소 "example@gmail.com"을 isEmail() 함수에 전달합니다. 주소가 표준 이메일 주소 형식을 따르는 경우 "example@gmail.com은 유효한 이메일 주소입니다."가 출력되고, 그렇지 않으면 "example@gmail.com은 유효한 이메일 주소가 아닙니다."가 출력됩니다.

요약하자면 JavaScript는 정규식을 사용하여 문자열이 유효한 이메일 주소인지 여부를 결정할 수 있습니다. isEmail() 함수를 사용하여 이러한 판단 단계를 요약하면 코드가 간결하고 이해하기 쉬우며 다양한 웹 페이지와 애플리케이션에 쉽게 적용할 수 있습니다.

위 내용은 JavaScript는 이메일인지 여부를 결정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿