> 웹 프론트엔드 > JS 튜토리얼 > jQuery와 Regex를 사용하여 이메일 주소를 효과적으로 검증하는 방법은 무엇입니까?

jQuery와 Regex를 사용하여 이메일 주소를 효과적으로 검증하는 방법은 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-10-27 01:51:30
원래의
459명이 탐색했습니다.

How to Effectively Validate Email Addresses Using jQuery and Regex?

jQuery와 정규식을 사용하여 이메일 주소를 확인하는 방법

이 게시물에서는 jQuery와 정규식을 사용하여 이메일 주소를 확인하는 방법을 자세히 살펴보겠습니다. 이 일반적인 작업에 대한 포괄적인 솔루션을 제공합니다.

정규 표현식

제공된 정규 표현식은 이메일 주소를 철저하게 검증하도록 설계되었습니다.

^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum)$
로그인 후 복사

jQuery 함수

이 유효성 검사를 귀하의 웹사이트에 원활하게 통합하기 위해 우리는 jQuery 함수를 활용합니다:

$j("#fld_emailaddress").live('change', function() {
    var emailaddress = $j("#fld_emailaddress").val();

    // Regex validation here
    if (!isValidEmailAddress(emailaddress)) {
        // Handle email validation failure here
        // e.g., display error message
    }

    // Continue with AJAX processing
    // ... (your code here) ...
});
로그인 후 복사

isValidEmailAddress 함수

isValidEmailAddress 함수는 제공된 정규식을 사용하여 이메일 주소의 유효성을 확인합니다.

function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
    return pattern.test(emailAddress);
}
로그인 후 복사

구현

이 유효성 검사를 코드에 통합하려면 다음을 수행하세요. jQuery 함수에 다음 줄을 추가하세요.

if (!isValidEmailAddress(emailaddress)) { /* do stuff here */ }
로그인 후 복사

Considerations

항상 예외가 있으므로 정규식 표현식으로 이메일 주소를 완전히 확인할 수는 없다는 점을 기억하세요. 그러나 이 표현은 대부분의 이메일 주소의 유효성을 보장하기 위한 포괄적인 프레임워크를 제공합니다.

위 내용은 jQuery와 Regex를 사용하여 이메일 주소를 효과적으로 검증하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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