[자바스크립트,js] jquery 숫자만 입력. 프로그래밍
2017.01.17 09:40 Edit
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 :
- 자바스크립트 , js , javascript , 숫자 , jquery