[자바스크립트,js] jquery 숫자만 입력. 프로그래밍

HTML 5가 되면서 

HTML input 필드에 type을 tel 또는 number 로 넣어주면 보통 잘 작동한다.

하지만 익스8부터 지원하기위해선 저방법을 쓰지못한다

그래서 만들었다.. ㅡ_ㅡ

jquery이벤트로 js 자바스크립트 숫자만 입력.

 

<script type="text/javascript">

jQuery(document).ready( function() {

     jQuery('입력될 input필드').keydown( function( e ) {
          var nArrKeyCode = new Array(
               48, 49, 50, 51, 52, 53, 54, 55, 56, 57, // 0 ~ 9 Key
               96, 97, 98, 99, 100, 101, 102, 103, 104, 105, // 키패드 0 ~ 9 Key
               //189, 109, // -, 키패드 - Key
               8, 46, // Back Space, Delete Key
               37, 39, // ←, → 방향 Key
               9, // Tab Key
               35, 36 // End, Home Key
          );
          for( var i = 0; i < nArrKeyCode.length; i++ ) {
               if( nArrKeyCode[ i ] == e.keyCode ) {
                    return true;
               }
          }
          return false;
     } );

} );

</script>

 

위에 코드에 189, 109번은 주석처리 되어있다

 

전화번호에 - 표시인데 (예를 들면 010-6666-2222) 이런식으로 

입력받을때는 저 주석을 풀어주면된다.

Tag :

Leave Comments