'javascript전화번호양식적용'에 해당되는 글 1건

  1. 2023.05.02 자바스크립트 실시간 전화번호 양식으로 자동 하이픈(-) 넣어주기
카테고리 없음2023. 5. 2. 16:58

전체 자릿수를 따라..가운데에 하이픈을 넣어준다.

예)

02-1234-1234

044-444-4444

010-1234-1234 로 자동으로 하이픈 맞춰짐..

 

<html>
...
<input type="text" id="eventTel"/>
</html>
...
<script>
// 전화번호 입력시 이벤트
            $("#eventTel").on('keydown keyup',function() {
                this.value = this.value.replace(/[^0-9]/g, '');

                var str = this.value;
                var tmp = '';
                var bullet = '-';

                if (str.length > 3 && str.length < 8) {
                    tmp += str.substr(0, 3);
                    tmp += bullet;
                    tmp += str.substr(3);
                    this.value = tmp;
                } else if (str.length == 8) {
                    tmp += str.substr(0, 4);
                    tmp += bullet;
                    tmp += str.substr(4);
                    this.value = tmp;
                } else if (str.length == 10) {
                    tmp += str.substr(0, 2);
                    tmp += bullet;
                    tmp += str.substr(2, 4);
                    tmp += bullet;
                    tmp += str.substr(6); // 10자리일때
                    this.value = tmp;
                } else if (str.length > 8) {
                    tmp += str.substr(0, 3);
                    tmp += bullet;
                    tmp += str.substr(3, 4);
                    tmp += bullet;
                    tmp += str.substr(7, 4);
                    this.value = tmp;
                } else {
                    this.value = str;
                }
            });
</script>

 

 

 

Posted by 사슴영혼'-'