jQuery와 정규식을 사용하여 이메일 주소를 확인하는 방법은 무엇입니까?

jQuery 및 정규식을 사용하여 이메일 주소 유효성 검사

이메일 기반 커뮤니케이션이 의도한 수신자에게 전달되도록 하려면 이메일 주소 유효성 검사가 필수적입니다. . 이를 수행하는 한 가지 효과적인 방법은 jQuery와 함께 정규식(regex)을 사용하는 것입니다.

jQuery로 이메일 주소 유효성 검사>

다음을 사용하여 이메일 주소를 확인하려면 jQuery의 경우 다음 단계를 따르세요.

1. 이메일 주소 얻기: jQuery의 val() 메서드를 사용하여 이메일 입력 필드의 값을 가져옵니다.
2. 정규식을 정의합니다. 유효한 이메일 주소와 일치하는 정규식을 만듭니다. 제공된 정규식은 다음과 같습니다.

[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)

로그인 후 복사

3. 검증 수행: jQuery의 test() 메서드를 사용하여 이메일 주소가 정규식과 일치하는지 확인합니다.
4. 검증 결과 처리: 검증 결과에 따라 양식 요소를 활성화 또는 비활성화하고 사용자에게 적절한 피드백을 표시합니다.

업데이트된 정규 표현식

제공된 정규식은 비교적 오래되었으므로 업데이트된 버전을 사용하는 것이 좋습니다. 다음은 주소가 포함된 형식을 포함하여 더 넓은 범위의 이메일 주소 형식을 지원하는 보다 포괄적인 정규식입니다.

/^([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

로그인 후 복사

결론

jQuery를 사용하여 이메일 주소 유효성 검사 및 정규식은 이메일 통신의 정확성과 신뢰성을 보장하는 효과적인 방법입니다. 제공된 업데이트된 정규식을 사용하면 애플리케이션이 다양한 이메일 주소 형식을 처리하도록 할 수 있습니다.

위 내용은 jQuery와 정규식을 사용하여 이메일 주소를 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!