자바스크립트 정규 표현식으로 휴대폰 번호 유효성 검사하기

자바스크립트 JavaScript 를 사용하여 휴대폰 번호의 유효성을 검사하는 정규 표현식과 예제입니다. 이것은 데이터의 신뢰성을 확보하고 사용자 입력 오류를 방지하기 위해 자주 사용하는 방법입니다. 올바른 형식의 휴대폰 번호를 입력받는 것은 웹 어플리케이션에서 사용자의 신원을 확인하고 통신 수단을 확보하는 중요한 부분입니다. 정규 표현식을 사용하면 휴대폰 번호가 올바른 형식인지 확인하고, 잘못된 형식을 갖는 입력을 거부하여 데이터의 일관성을 유지할 수 있습니다. 예제는 국제 표준이 아니며, 특정 국가 또는 지역에 따라 다른 형식이 적용될 수 있습니다.

 

 

 

◎ 1. 정규 표현식 구문 정의

 

주로 휴대폰 번호와 같은 형식을 가진 문자열을 찾거나 유효성을 검사하는 데 사용됩니다. 하이픈으로 구분한 첫 번째 영역에는 3자리, 두 번째 영역은 3, 4자리, 세번째 영역은 4자리로 표현하도록 구문이 짜여져 있습니다. 예를 들어, "010-1234-5678"과 같은 휴대폰 번호는 이 정규 표현식과 일치하며, "02-12345"와 같은 잘못된 형식은 일치하지 않습니다.

 

// 휴대폰 번호 유효성 검사 정규 표현식 const phoneNumberPattern = /^\d{3}-\d{3,4}-\d{4}$/;   l  “^”: 문자열의 시작 l  “\d{3}”: 3개의 숫자 l  “-”: 하이픈 기호 l  “\d{3,4}”: 3 또는 4개의 숫자 l  “-”: 다시 하이픈 기호 l  “\d{4}”: 4개의 숫자 l  “$”: 문자열의 끝

 

 

◎ 2. 유효한 휴대폰 번호인지 체크

 

(1) 정상적인 경우 

 

const phoneNumber = "010-1234-5678";
const isValid = phoneNumberPattern.test(phoneNumber);

 

“test()” 메서드를 사용하여 “phoneNumber” 문자열이 “phoneNumberPattern” 정규 표현식과 일치하는지 확인합니다. 이 경우, 휴대폰 번호는 유효합니다. “isValid” 변수에 “true”가 저장됩니다.

 

 

(2) 하이픈 없는 경우

 

const phoneNumber = "01012345678";
const isValid = phoneNumberPattern.test(phoneNumber);

 

“phoneNumber” 문자열에 하이픈이 없기 때문에 유효하지 않은 휴대폰 번호입니다. “isValid” 변수에 “false”가 저장됩니다.

 

 

(3) 숫자가 부족한 경우

 

const phoneNumber = "010-123-456";
const isValid = phoneNumberPattern.test(phoneNumber);

 

“phoneNumber” 문자열에 숫자가 부족하므로 유효하지 않은 휴대폰 번호입니다. 출력 결과: “isValid” 변수에 “false”가 저장됩니다. 위에서 소개한 예제를 사용하여 간단한 휴대폰 번호 형식의 유효성을 정규 표현식을 통해 검사할 수 있으며, 결과는 “true” 또는 “false”로 나타납니다.

 

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법