전화번호 입력시 자동 대시(하이픈, "-") 삽입하는 자바스크립트(auto add dash("-") when input your phone number using javascript/jquery)

전화번호 입력시 input이 하나일때.. "-"를 자동 입력되는 소스를 찾다보니 긴게 많아서.. regexp를 응용하여 한줄짜리를 만들었습니다.. (실제로는 숫자가 아닌걸 제거 > "-" 추가 > 대시 중복("--")을 제거하는 3단계입니다)

050x번호나, 15xx-xxxx처럼 1로 시작하는 번호, 02서울지역번호 처리가 다 됩니다..(위키를 보고 했으니 국제번호 5자리 등을 빼고는 왠만하면 다 잘 될겁니다..)

onkeyup 이벤트에 넣으면 실시간으로 변경하실 수 있습니다.. input의 class에 phoneNumber를 추가하시고 아래처럼 하시면 됩니다..

 

$(document).on("keyup", ".phoneNumber", function() { 
	$(this).val( $(this).val().replace(/[^0-9]/g, "").replace(/(^02|^050[0-9]|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-") );
});