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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!