핸드폰번호 숫자 자동입력 '-' 과 함께

html 상의 input="text" 박스 상에서 핸드폰번호를 숫자로 입력하면 자동으로 숫자사이에 하이폰 '-' 이 만들어지면서 하나의 정상적인 휴대폰 번호가 나오도록 하는 소스이다.

 

function inputPhoneNumber(obj) {
    var number = obj.value.replace(/[^0-9]/g, "");
    var phone = "";

    if(number.length < 4) {
        return number;
    } else if(number.length < 7) {
        phone += number.substr(0, 3);
        phone += "-";
        phone += number.substr(3);
    } else if(number.length < 11) {
        phone += number.substr(0, 3);
        phone += "-";
        phone += number.substr(3, 3);
        phone += "-";
        phone += number.substr(6);
    } else {
        phone += number.substr(0, 3);
        phone += "-";
        phone += number.substr(3, 4);
        phone += "-";
        phone += number.substr(7);
    }
    obj.value = phone;
}
</script>

<input type="text" onKeyup="inputPhoneNumber(this);" maxlength="13" style="text-align:center;"/>

참고 사이트 : http://magic.wickedmiso.com/61