독서하는 개발자's Blog

반응형

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
$(document).ready(function(){
$("input#admin_tel").blur(function(){
            
            $("input#admin_tel").blur(function(){
 
                var num = $("#admin_tel").val();
                blur(num)
            });
 
            $("input#admin_tel").click(function(){
 
                var num = $("#admin_tel").val();
                
                focus(num);
            });
        });
        
    });
    
});
    function focus(num) {
 
        num = num.replace(/[^0-9]/g, '');
 
        $("#admin_tel").val(num);
 
    }
 
    function blur(num) {
 
        num = num.replace(/[^0-9]/g, '');
 
        var tmp = '';
 
        tmp += num.substr(03);
 
        tmp += '-';
 
        tmp += num.substr(34);
 
        tmp += '-';
 
        tmp += num.substr(7);
 
        $("#admin_tel").val(tmp);
 
    }
cs

focus가 없을때, 하이픈 생성. focus가 있으면 하이픈 제거

 

더 쉬운 방법이 있다.

 

num.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3")를 사용하면 blur 처럼 += 할 필요가 없다.

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band