써먹는 웹개발
[JavaScript] 텍스트박스에 Number만 입력되게 처리하는 소스 본문
728x90
반응형
텍스트박스에 Number만 입력되게 처리하는 소스
텍스트박스 설정 (여기에 이벤트의 선택자(selector)를 클래스로 설정할 예정)
<input type="text" class="onlyNumber"/>
자바스크립트에 이벤트 설정하면 텍스트박스에 입력시 Number만 입력되게 처리됨
$(function () { $(".onlyNumber").on('keyup', function(e) { var ev = e||window.event; var keyID = (ev.which)?ev.which:ev.keyCode; //backspace,delete,left,right 일때 리턴 if(keyID==8||keyID==37||keyID==39||keyID==46) { return; } else if (keyID<48||keyID>57) { //숫자 아닐때 리턴 event.returnValue = false; } else { this.value = this.value.replace(/[^0-9]/gi,""); } }); }); |
728x90
반응형
'웹개발 > Js & Jquery' 카테고리의 다른 글
[JavaScript] 숫자 세자리마다 콤마(,)처리하는 방법 (0) | 2018.02.21 |
---|---|
[Jquery]텍스트박스에서 엔터(Enter)키 입력시 조회하는 방법 (0) | 2018.02.21 |
[JavaScript] nvl,isNull,isUndefined를 자바스크립트에서 구현하는 방법 (2) | 2018.02.21 |
[Jquery] 테이블의 td 선택자에 값을 대입 및 추가하는 방법 (0) | 2018.02.19 |
시간지연함수 setTimeout (0) | 2018.02.12 |
Comments