'Javascript'에 해당되는 글 7건
- 2011.06.16 입력폼 제어 - 숫자만 입력받기
입력폼 제어 - 숫자만 입력받기
Javascript 2011. 6. 16. 17:24
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);" 로 대체하면 됩니다.
전화번호나 주민등록번호, 성적 입력칸 등에서 사용합니다.
아니 그것보다는 사용하고 싶은 데에서 사용합니다.
