자주 사용하는 예제로 알아보는 정규 표현식 (전화번호)

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

자바스크립트 정규식을 활용하여 전화번호가 맞는지 아닌지 판단해 보는 소스입니다.

 

자바스크립트

function check_phone() {

  var phone = document.getElementById("phone").value;


  var regPhone= /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/;

  if (regPhone.test(phone) == true) {

    alert("휴대전화 번호가 맞습니다.");

  }

}

 

HTML

<input type="text" id="phone" name="phone" />

<input type="button" onclick="check_phone()" value="전화번호 확인" />

 

▶ regPhone에 작성한 정규식을 알아봅시다.

  → ^01([0|1|6|7|8|9]) : 01로 시작하며 세 번째 자리는 0 또는 1,6,7,8,9가 되어야 합니다.

  → -? : 번호 사이의 대시(-)는 사용하든 안 하든 상관없습니다. 

  → ([0-9]{3,4}) : 가운데 전화번호는 3, 4 자리의 0에서 9까지 숫자가 되어야 합니다. 

  → ([0-9]{4})$ : 마지막 번호는 4자리로 0에서 9까지 숫자가 되어야 합니다.

 

위 조건을 만족하면 regPhone.test(phone)를 통과하여 true라는 값을 반환하여 alert를 보여 줍니다. 

 

 

▶ regPhone에 작성한 정규식의 다른 표현

 

// 아래 표현식은 휴대전화 번호의 시작이 숫자 3자리만 맞으면 true 입니다. 
var regPhone= /^\d{3}-?\d{3,4}-?\d{4}$/;

// 일반 전화번호 표현식
var regPhone= /^\d{2,3}-?\d{3,4}-?\d{4}$/;

 

자바스크립트 정규 표현식이란?