직장생활/Jquery & Javascript

Jquery 숫자만 입력하기

체리백 2019. 5. 3.
반응형

1번째 방법 :  onkeydown="onlyNumber()" 추가 후 사용

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*********************************************
************* 숫자만 입력하기
**********************************************/
 
function onlyNumber() { // 숫자만 입력받는 함수
 
    if (( event.keyCode >= 48 && event.keyCode <= 57 )
        || ( event.keyCode >= 96 && event.keyCode <= 105 )
        || ( event.keyCode == 8 ) //백 스페이스
        || ( event.keyCode == 9 ) //탭키
        || ( event.keyCode == 46 )
        || ( event.keyCode == 13 )
    ) {
        event.returnValue=true;
 
    } else {
        alert("숫자만 입력해주세요! ");
        event.returnValue=false;
        event.preventDefault();
    }
 
}
 
cs

 

2번째 방법 :

<input type="text" numberOnly>

 

1
2
3
$("input:text[numberOnly]").on("keyup"function() {
    $(this).val($(this).val().replace(/[^0-9]/g,""));
});
cs
반응형

'직장생활 > Jquery & Javascript' 카테고리의 다른 글

[JQUERY] 우클릭 드래그 차단 기능  (0) 2023.02.15
[JQUERY] 창닫기  (0) 2023.02.15
[JQUERY] undefined 체크하기  (0) 2019.05.08
ajax 동기화 방법  (0) 2019.05.02
window 팝업창  (0) 2019.05.02

댓글