본문 바로가기

WEB/HTML/JavaScript

숫자만 입력 input

웹상에서 전화번호, 나이 등 숫자만 받을 필요가 있을 때가 있으시죠?

그럴 때 다른 거창한 언어 필요없이 자바스크립트 하나만으로 충분합니다.


우선 필요한 함수를 넣겠습니다.


// 숫자만 입력받는다.
function OnlyNumber() {
	var code = window.event.keyCode; 

	if ((code > 34 && code < 41) || (code > 47 && code < 58) || (code > 95 && code < 106) || code == 8 || code == 9 || code == 13 || code == 46) {
		window.event.returnValue = true;
		return;
	}
			
	window.event.returnValue = false;
}


input 태그에 이런식으로 넣어 줍니다.


<input type="text" id="Tel1" name="Tel1" size="4" onKeyDown="OnlyNumber()" style='IME-MODE: disabled' />

IME-MODE 참고 자료 - http://darkcity1.tistory.com/33

'WEB > HTML/JavaScript' 카테고리의 다른 글

input 한글 영문만 가능  (0) 2013.02.18
자바스크립트 새로 고침  (0) 2013.01.17