>웹 프론트엔드 >JS 튜토리얼 >.match ()와 함께 사용할 jQuery Regex 예제

.match ()와 함께 사용할 jQuery Regex 예제

Joseph Gordon-Levitt
Joseph Gordon-Levitt원래의
2025-03-03 00:32:12181검색

jQuery RegEx Examples to use with .match() 이 안내서는 jQuery의 기능으로 사용할 수있는 일반적인 정규 표현식 (Regexp) 선택기를 제공합니다. 이는 웹 페이지 내에서 특정 텍스트를 찾아서 결과를 기반으로하는 작업을 구현하거나 양식 검증에 대해 매우 중요합니다.

숫자에 대한 정규 표현식 : .match()

jQuery 검증을위한 정규 표현식 :

jQuery 날짜에 대한 정규 표현 :

// Select integers only
var intRegex = /[0-9 -()+]+$/;   
// Match any IP address
var ipRegex = /\b(?:\d{1,3}\.){3}\d{1,3}\b/;  
// Match number in range 0-255
var num0to255Regex = /^([01][0-9][0-9]|2[0-4][0-9]|25[0-5])$/;
// Match number in range 0-999 
var num0to999Regex = /^([0-9]|[1-9][0-9]|[1-9][0-9][0-9])$/;
// Match integers and floating-point numbers/decimals
var floatRegex = /[-+]?([0-9]*\.[0-9]+|[0-9]+)/; 
// Match any number from 1 to 50 inclusive
var number1to50Regex = /(^[1-9]{1}$|^[1-4]{1}[0-9]{1}$|^50$)/gm; 
jQuery URL에 대한 정규 표현식 :

jQuery 모음, 공백, 도메인 이름, 이미지 및 기타 유용한 예제에 대한 정규식 : (위와 유사한 구조, 간결성에 대해 생략되었습니다. 원래 예제가 제공되지만 강력한 사용을 위해서는 많은 수정이 필요합니다.)

. 중요한 고려 사항 :
// Match email address
var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/; 
// Match credit card numbers (Note:  This is a simplified example and may not cover all valid credit card formats)
var creditCardRegex = /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/; 
// Match username
var usernameRegex = /^[a-z0-9_-]{3,16}$/; 
// Match password
var passwordRegex = /^[a-z0-9_-]{6,18}$/; 
// Match 8 to 15 character string with at least one uppercase letter, one lowercase letter, and one digit (useful for passwords)
var passwordStrengthRegex = /((?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,15})/gm; 
// Match elements that could contain a phone number
var phoneNumber = /[0-9-()+]{3,20}/; 

철저한 테스트 : 제공된 정규식은 참조 용입니다. 생산에 배포하기 전에 항상 특정 컨텍스트에서 광범위하게 테스트하십시오. 복잡성 :

특히 신용 카드 검증의 경우 일부 표현식은 복잡하며 지원 해야하는 특정 카드 유형에 따라 조정이 필요할 수 있습니다. 강력한 신용 카드 검증을 위해 전용 라이브러리를 사용하는 것을 고려하십시오
// Match date (e.g., 21/3/2006)
var dateRegex = /(\d{1,2}\/\d{1,2}\/\d{4})/gm; 
// Match date in MM/DD/YYYY format
var dateMMDDYYYRegex = /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d$/; 
// Match date in DD/MM/YYYY format
var dateDDMMYYYRegex = /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.](19|20)\d\d$/; 
보안 :

정규 표현 거부 (REDOS) 취약점을 방지하기 위해 적절한 소독없이 정규 표현식에서 사용자가 공급 한 입력을 직접 사용하지 마십시오. 이 개정 된 응답은 명확성, 정확성 및 보안 권장 사항을 개선하면서 원래 구조와 정보를 유지합니다. 코드 예제는 더 나은 가독성을 위해 형식화되어 있으며 원래 의도를 유지합니다.

위 내용은 .match ()와 함께 사용할 jQuery Regex 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.