써먹는 웹개발

[JavaScript] 텍스트박스에 Number만 입력되게 처리하는 소스 본문

웹개발/Js & Jquery

[JavaScript] 텍스트박스에 Number만 입력되게 처리하는 소스

kmhan 2018. 2. 21. 21:15


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


Comments