본문 바로가기
JavaScript

숫자만 입력 받도록 처리

by 보니스 2017. 7. 27.
반응형

1. 자바스크립트 단

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
function onlyNumber(event){
    event = event || window.event;
 
    var keyID = (event.which) ? event.which : event.keyCode;
     
    if ( (keyID >= 48 && keyID <= 57) || (keyID >= 96 && keyID <= 105) || keyID == 8 || keyID == 9 || keyID == 46 || keyID == 37 || keyID == 39 ) {
        return;
         
    } else {
        return false;
         
    }
}
 
function removeChar(event) {
    event = event || window.event;
     
    var keyID = (event.which) ? event.which : event.keyCode;
     
    if ( keyID == 8 || keyID == 9 || keyID == 46 || keyID == 37 || keyID == 39 ) {
        return;
         
    } else {
        event.target.value = event.target.value.replace(/[^0-9]/g, "");
         
    }
}

2. HTML 단
1
<input type="text" name="num" onkeydown="return onlyNumber(event);" onkeyup="removeChar(event);" style="ime-mode:disabled;" />