반응형
회원가입, 본인 인증, 연락처 등록 등 다양한 상황에서 휴대폰 번호의 형식을 검증하는 기능은 필수적입니다. 오늘은 JavaScript 정규표현식을 사용하여 010으로 시작하고 총 11자리로 구성된 휴대폰 번호를 검사하는 isValidPhoneNumber 함수에 대해 살펴보겠습니다.
✨ 함수 코드 원문
function isValidPhoneNumber(phoneNumber) {
const PHONE_PATTERN = /^010\d{8}$/;
return PHONE_PATTERN.test(phoneNumber);
}
✨ 정규표현식 분석
/^010\d{8}$/
- ^: 문자열의 시작을 의미합니다.
- 010: 정확히 010으로 시작해야 함을 의미합니다.
- \d{8}: 숫자 8자리가 이어져야 함을 의미합니다 (총 11자리).
- $: 문자열의 끝을 의미합니다.
즉, 010으로 시작하고 뒤에 정확히 8자리 숫자가 따라오는 형식만을 허용합니다. 예: 01012345678 (✅), 01112345678 (❌), 010-1234-5678 (❌)
✨ 사용 예시
isValidPhoneNumber('01012345678'); // true
isValidPhoneNumber('01112345678'); // false
isValidPhoneNumber('010-1234-5678'); // false
isValidPhoneNumber('010abcdefg'); // false
✨ 확장 활용 팁
- 010 외에도 011, 016, 017 등 다양한 통신사 번호를 허용하려면 정규식의 시작 부분을 다음과 같이 수정할 수 있습니다:
/^(010|011|016|017|018|019)\d{7,8}$/
- 하이픈(-)이 포함된 번호까지 처리하려면 -를 허용하는 정규식으로 변경하거나, 입력값에서 하이픈을 제거한 후 검증하는 방식도 가능합니다.
✨ 결론
isValidPhoneNumber 함수는 간단하면서도 실용적인 휴대폰 번호 유효성 검사 도구입니다. 정규표현식을 적절히 활용하면 다양한 포맷을 유연하게 지원할 수 있으며, 사용자 입력값에 대한 검증 로직으로 프론트엔드 및 백엔드 모두에서 활용할 수 있습니다.
반응형
'Programing > javascript' 카테고리의 다른 글
생년월일 유효성 검사 함수 (0) | 2025.04.22 |
---|---|
날짜 범위 형식 유효성 검사 함수 (1) | 2025.04.22 |
날짜 형식 유효성 검사 함수 (0) | 2025.04.22 |
URL 형식 유효성 검사 함수 (0) | 2025.04.22 |
긴 문자열 중간 생략을 위한 JavaScript 함수 (0) | 2025.04.21 |
금액을 10원 단위로 반올림, 올림, 내림하는 JavaScript (0) | 2025.04.21 |
이메일 입력 필드를 위한 한글 및 공백 제거 jQuery (0) | 2025.04.21 |
가격 입력 필드를 위한 jQuery 자동 포맷팅 및 제한(금액만) (0) | 2025.04.21 |