인생이 쓰다!인생쓰

개발/JavaScript

input 숫자만 입력가능

Johnal 2020. 2. 17. 16:36
반응형
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
    function getTypeCheck(s, spc) {//타입비교 (비교문자 , 비교형식 ; ex: getTypeCheck(string , "1234567890") )
        var i;
        for(i=0; i< s.length; i++) {
            if(spc.indexOf(s.substring(i, i+1)) < 0) {
                return false;
            }
        }
        return true;
     
    }
    
    function onlyNum(obj) {// 숫자만 입력 가능
        
        var re = /[^0-9]/gi;
        var NUM = "0123456789";
        var str_space = /\s/;  // 공백체크
 
        
        if(!getTypeCheck(obj.value, NUM)) {
     
            obj.value = obj.value.replace(re,""); // 숫자가 아닌 문자 제거
            obj.focus();
            return false;
        }
     
   }

스크립트단 

 

html 단 

1
    <input type="text" name="age_0" id="age_0" onkeyUp="onlyNum(this);" maxlength="4" style="width:50px">

 

728x90
반응형