반응형
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 |
댓글