'숫자만입력받기'에 해당되는 글 1건

  1. 2011.06.16 입력폼 제어 - 숫자만 입력받기

입력폼 제어 - 숫자만 입력받기


input에 숫자만 입력받아야 할 때

<head>
<script type="text/javascript" language="javascript">
function OnlyNumber(obj, chkint){
  if(isNaN(obj.value)){
    alert("숫자만 입력 가능합니다.");
    obj.value="";
    obj.focus();
    return false;
  }
  if(obj.value > Number(chkint)) {
    alert(chkint+"이하의 숫자만 가능합니다.");
    obj.value="";
    obj.focus();
    return false;
  }
}

</script>
</head>

<body>
<input type="text" id="txtScore" name="txtScore" onblur="OnlyNumber(this, 100);" />
</body>

위 소스는 input에서 커서가 벗어났을 때 입력값을 체크해주는 거고,
만약에 input에서 한 글자 쓸때마다 매번 체크해줘야 한다면
분홍색 부분을 onkeyup="OnlyNumber(this, 100);" 로 대체하면 됩니다.

전화번호나 주민등록번호, 성적 입력칸 등에서 사용합니다.
아니 그것보다는 사용하고 싶은 데에서 사용합니다.
prev 1 next