jQuery와 Regex를 사용하여 웹 양식의 이메일 주소를 확인하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

jQuery와 Regex를 사용하여 웹 양식의 이메일 주소를 확인하는 방법은 무엇입니까?

Susan Sarandon

풀어 주다： 2024-10-26 14:35:02

원래의

461명이 탐색했습니다.

How to Validate Email Addresses in Web Forms with jQuery and Regex?

jQuery 및 Regex를 사용한 이메일 주소 확인

이메일 주소 확인은 데이터 무결성을 유지하고 사용자 등록 양식의 스팸을 방지하는 데 중요한 역할을 합니다. 이 문서에서는 jQuery와 정규식(정규식)을 모두 사용하여 이메일 주소를 검증하기 위한 철저한 솔루션을 제공합니다.

정규식

다음 정규식은 유효한 이메일 주소 형식을 캡처합니다.

^([a-z\d!#$%&amp;'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&amp;'*+\-\/=?^_`{|}~\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 유효성 검사

이메일 주소 유효성 검사를 구현하려면 $j("#fld_emailaddress").live('change',function() { ... }); 내에 다음 코드를 추가하세요. 이벤트 핸들러:

if( !isValidEmailAddress( emailaddress ) ) { /* do stuff here */ }

로그인 후 복사

여기서 isValidEmailAddress()는 이메일 주소를 입력으로 사용하여 정규식 패턴과 일치하면 true를 반환하고 그렇지 않으면 false를 반환하는 함수입니다. 해당 기능에 대한 코드는 다음과 같습니다.

function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&amp;'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&amp;'*+\-\/=?^_`{|}~\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 및 정규식을 사용하여 웹 양식에서 이메일 주소를 검증하는 강력하고 안정적인 방법을 제공하여 사용자가 제출한 정보의 무결성과 신뢰성을 보장합니다.

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