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

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

Susan Sarandon
풀어 주다: 2024-10-27 03:19:03
원래의
239명이 탐색했습니다.

How to Validate Email Addresses Effectively Using jQuery and Regular Expressions?

jQuery 및 Regex를 사용하여 이메일 주소 유효성 검사

웹 개발에서는 이메일 주소 유효성 검사가 자주 발생합니다. 이 기사에서는 포괄적인 정규식(regex)을 사용하여 jQuery 기반 유효성 검사 메커니즘을 구현하여 주제를 다룹니다.

검증 함수

검증을 시작하려면 isValidEmailAddress라는 함수가 사용됩니다. 이 함수는 이메일 주소를 승인하고 다음 정규식 패턴에 대해 평가합니다.

^([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
로그인 후 복사

이 정규식은 유효한 이메일 주소에 사용되는 광범위한 문자 및 형식을 설명합니다. 인용된 로컬 부분, 주소 내의 주석, 도메인 부분의 IPv4 및 IPv6 리터럴을 모두 지원합니다.

jQuery와 통합

제공된 jQuery 함수에 유효성 검사를 통합하려면 다음을 포함하기만 하면 됩니다. 변경 이벤트 핸들러 내의 다음 코드:

<code class="javascript">if( !isValidEmailAddress( emailaddress ) ) { /* perform validation actions here */ }</code>
로그인 후 복사

이 코드 조각은 유효성 검사를 시작하고 결과에 따라 적절한 작업을 진행합니다. 이메일 주소가 유효한지 여부에 관계없이 사용자에게 적절한 메시지가 표시될 수 있습니다.

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

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