휴대폰 번호 입력 시 자동 하이픈

 

 let inputElement = document.getElementById('input');
 
 //정규표현식으로 숫자만 입력받게 체크
let phoneNumber = inputElement.value.replace(/[^0-9]/g, ''); 

let tmp = '';
if( phoneNumber.length < 4){
} else if(phoneNumber.length < 7){
    tmp += phoneNumber.substr(0, 3);
    tmp += '-';
    tmp += phoneNumber.substr(3);
    phoneNumber = tmp;
}else if(phoneNumber.length < 11){
    tmp += phoneNumber.substr(0, 3);
    tmp += '-';
    tmp += phoneNumber.substr(3, 3);
    tmp += '-';
    tmp += phoneNumber.substr(6);
    phoneNumber =  tmp;
}else{
    tmp += phoneNumber.substr(0, 3);
    tmp += '-';
    tmp += phoneNumber.substr(3, 4);
    tmp += '-';
    tmp += phoneNumber.substr(7);
    phoneNumber =  tmp;
}

inputElement.value = phoneNumber;

 

 

 

 

https://codepen.io/HAJAE/pen/jdmRLM

핸드폰번호 자동 하이픈(-)