[javascript] 숫자 입력하면 전화번호 형식으로 표현해주기

01012341234 식으로 input에 숫자를 입력하면, 010-1234-1234로 input 값이 자동으로 표시되도록 해보겠습니다.

input에 입력한 값을 바꿔줄 때에는 정규식을 사용합니다.

 

아래는 자동으로 input 입력값을 바꿔주는 함수입니다.

function oninputPhone(target) {
    target.value = target.value
        .replace(/[^0-9]/g, '')
        .replace(/(^02.{0}|^01.{1}|[0-9]{3,4})([0-9]{3,4})([0-9]{4})/g, "$1-$2-$3");
}

 

함수를 적용하고 싶다면 다음과 같이 하면 됩니다.

<input type="text" class="form-control" oninput="oninputPhone(this)" maxlength="14">

 

아래는 oninputPhone함수가 적용된 input입니다.