_yoonie
개발일기
_yoonie
전체 방문자
오늘
어제
  • 분류 전체보기 (70)
    • 개발일기 (2)
    • DB (8)
      • MySQL (2)
      • PostgreSQL (6)
    • WEB (30)
      • JAVASCRIPT (7)
      • Vue.js (2)
      • MyBatis (3)
      • PHP (7)
      • HTML_CSS (5)
      • etc. (3)
    • Java (9)
    • Android (5)
    • Kotlin (0)
    • C# (3)
    • Python (2)
    • 개발 툴 (5)
    • 기획 (1)
    • 자료실 (2)
    • React (0)

인기 글

태그

  • ubuntu
  • CSS
  • c#
  • VirtualBox
  • androidstudio
  • java programming
  • PostgreSQL
  • Java
  • 안드로이드스튜디오
  • 기획

최근 댓글

최근 글

티스토리

160x600
hELLO · Designed By 정상우.
_yoonie

개발일기

[JS] 전화번호에 자동으로 '-' 붙이는 정규식
WEB/JAVASCRIPT

[JS] 전화번호에 자동으로 '-' 붙이는 정규식

2023. 1. 5. 13:59

1. ##-####-#### 혹은 ###-####-#### 혹은 ###-###-####

const phone = '01012345678'
const phone2 = '0511231234'

phone.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
//'010-1234-5678'
//'051-123-1234'

 

*주의할 점
숫자만 존재할 때 동작하는 정규식이므로 숫자를 제외한 모든 문자를 제거해줘야 한다.

const phone = '01012345678'
const phone2 = '0511231234'

phone.replace(/[^0-9]/g, '')
     .replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
//'010-1234-5678'
//'051-123-1234'

* 0505로 시작하는 전화번호(임시전화번호)는 /^(\d{2,3,4})(\d{3,4})(\d{4})$/ 이걸로 안됨 *

참고
https://gurtn.tistory.com/86

728x90
저작자표시 (새창열림)

'WEB > JAVASCRIPT' 카테고리의 다른 글

[jquery] validation plugin 사용하기  (0) 2023.12.18
공휴일 API - 공공데이터 포털에서 공휴일 데이터 조회 -2. API사용  (0) 2023.11.09
공휴일 API - 공공데이터 포털에서 공휴일 데이터 조회 -1. API신청  (0) 2023.11.03
[Javascript] 배열에서 교집합, 차집합, 배타적논리합 구하기  (0) 2023.06.26
[JS] 변수 타입 확인하기 - typeof, constructor  (0) 2022.09.14
    _yoonie
    _yoonie
    일상이 개발인 개발자의 일상

    티스토리툴바