개발자의 끄적끄적

[javascript/jquery] 자바스크립트 휴대폰 번호 하이픈(-)기호 자동 삽입 [펌] 본문

개발/javascript & jquery

[javascript/jquery] 자바스크립트 휴대폰 번호 하이픈(-)기호 자동 삽입 [펌]

효벨 2020. 10. 16. 03:00
728x90
반응형

[javascript/jquery] 자바스크립트 휴대폰 번호 하이픈(-)기호 자동 삽입 [펌]

 

자바스크립트 휴대폰번호 자동 완성 소스를

 

검색하던 중!

 

딱 좋은 소스가 있어서 해당 부분만 퍼왔습니다!

 

참고들하시구요!

 

출처는 아래 있으니 확인해보세요!

<html>
<head>
<title>:: 휴대폰 번호 마이너스(-) 삽입 ::</title>
<script>
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>
</head>
<body>
    <h2>휴대폰 번호를 입력해 주세요</h2>
    <input type="text" onKeyup="inputPhoneNumber(this);" maxlength="13" style="text-align:center;"/>
</body>
</html>

 

출처 : magic.wickedmiso.com/61

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript] 자바스크립트 텍스트를 json 바꾸는 방법  (0) 2020.10.20
[javascript/jquery] 각종 정규식 모음  (0) 2020.10.17
[javascript/jquery] jquery action & submit 예제  (0) 2020.10.16
[javscript/jquery] jquery img src 변경하기  (0) 2020.10.13
[javascript] 정규식 참고 사이트!! [링크]  (0) 2020.10.12
'개발/javascript & jquery' Related Articles more
Comments