Web/Javascript

입력폼에 숫자만 입력할수 있게 하기

qOOp 2008. 3. 4. 17:37
반응형

Input 필더에 숫자 이외에는 입력이 되지 않게 하기..

<html>

<head>

<script>

function onlynum() {

              if((event.keyCode<48)||(event.keyCode>57)) {

                            event.returnValue = false;

              }

}

</script>

</head>

<body>

<input type=”text” onKeypress=”onlynum();” />

</body>

</html>

 

코드를 복사해서 qoop.html로 저장하고 브라우저로 문서를 연다.

그런다음 입력폼에 숫자가 아닌 다른 문자를 입력하면 문자가 입력이 되지 않는것을 볼수 있다. 당연히 숫자를 입력하면 숫자는 입력이 된다.

아스키코드 48부터 57까지가 숫자 0에서 9까지의 문자를 나타내기 때문에 만약 키보드의 입력값이 아스키 코드 48보다 작거나 57보다 클 경우에는 false 값을 돌려줘 입력이 되지 않게 한다.

'Web > Javascript' 카테고리의 다른 글

Javascript 와 DOM을 사용한 시계  (0) 2008.04.08
자바스크립트를 이용한 간단한 SHOW HIDE  (0) 2008.03.20
window.onload  (0) 2008.02.06
Date객체  (0) 2008.02.06
검색시 기다리는 팝업창  (0) 2008.01.12