[JQuery] 핸드폰번호 정규식 하이픈 추가 방법

 

 

데이터베이스에서 뷰로 나타낼때 데이터베이스에 저장되어 있는 휴대번호 값이 '01068795421' 이라면

'010-6879-5421' 로 하이픈을 넣어 화면에 보여줄 계획입니다.

더블어, 전화번호 정규식처럼 비슷하게 사용되는 여러가지 정규식을 정리해보았으니 참조해주세요~

(비밀번호, 이메일, 일반전화번호)

 

---

 

데이터베이스 값 : 01068795421

 

 

정규식을 통한 하이픈 추가 값 : 010-6879-5421

 

 

HTML

 

여기서는 일반적인테이블 형태입니다.

주목할 점은 td에 id값을 넣어주어 제이쿼리 값이 들어갈 수 있도록 합니다.

 

<div>
<table>
<tbody>
<tr>
    <th>연락처</th>
    <td id="me_phone">
 
    </td>
</tr>
</tbody>
</table>
</div>

 

 

JQuery

 

그리고 test변수에 디비값을 넣어줍니다.

testDate함수에서는 replace를 사용하여 test변수 뒤로 replace를 선언한 다음 정규식을 넣어주면 

하이픈 추가가 됩니다.

그리고 td의 아이디 값인 me_phone에 text안에 testDate 값을 넣어주면 하이픈이 적용된 전화번호가 나오게 됩니다.

<script>
$(document).ready(function() {
                
  var test = "${memberVO.me_phone}";
  var testDate = test.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3");
  
  $("#me_phone").text(testDate);
 
});
</script>

 

 

---

 

ETC

 

이렇게 사용할 수 있는 비슷한 정규식들을 정리해보았습니다.

 

 

특수문자/문자/숫자포함 8~15자리 이내의 암호 :

/^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/; 

 

일반전화번호 :  

/^\d{2,3}-\d{3,4}-\d{4}$/;

 

이메일 :

/^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i;