반응형

keyup event를 이용한 Jquery input box 숫자만 입력받기

 1. input box 를 만든다

<input type="text" id="telno">

여기 까지는 일반 입력 박스이다 여기에 jquery를  다음과 같이 추가해 준다. 

<script>

$('#telno').keyup(function () { 

    this.value = this.value.replace(/[^0-9]/g,'');

});

</script>

또는 

<script>

$(function() {

// 전화번호입력 (숫자만)

$form.find("#telno").on('keyup', function(e){

this.value = this.value.replace(/[^0-9]/g,'');

});

});

</script>

선언하면 input 입력 박스에 숫자 외에는 입력이 되지 않을 것이다. 

jquery 선언시에 클래스 이름 보다는 id 이름을 이용해서 하는 것이 

좋다. 

반응형

+ Recent posts