홈페이지제작
숫자만 입력하는 스크립트
진격의 파파
2023. 3. 16. 16:29
반응형
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 가져다 써야 작동됨!
유용하게 사용하세요!~
반응형