숫자만 입력하는 스크립트

 

See the Pen Untitled by 진격IT (@zsrcvkwa-the-animator) on CodePen.

 

<input name="price" class="form-control onlyNumber" id="price" placeholder="참가비를 입력하세요!(숫자만 입력하세요!)"> 

반응형 소스라 걍 가져왔는데 중요한건  class 의 onlyNumber 입니다.

 

$(function(){
  $(".onlyNumber").keyup(function(event){  // onlyNumber 클래스 가져오고
     if (!(event.keyCode >=37 && event.keyCode<=40)) { // 키보드 숫자만 입력받게 
         var inputVal = $(this).val();
         $(this).val(inputVal.replace(/[^0-9]/gi,''));
     }
  });
});

 

아 참고로 jquery 가져다 써야 작동됨!

 

유용하게 사용하세요!~