반응형
[Javascript] 텍스트박스 숫자만 입력
<html>
<body>
<input type='number' id='txt_pri_1' onkeydown="return checkNumber(event, id)" style="width:300px">
<br>
<br>
<span id="keyinfo"></span>
</body>
</html>
<script>
function checkNumber(event, name) {
event = event || window.event;
var keyID = (event.which) ? event.which : event.keyCode;
if ((keyID >= 48 && keyID <= 57) || (keyID >= 96 && keyID <= 105) || keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39 || keyID == 188 || keyID == 110 || keyID == 190) {
document.getElementById('keyinfo').innerHTML = "";
return;
} else {
document.getElementById('keyinfo').innerHTML = "문자열은 입력되지 않습니다.";
return false;
}
/* 48~57:일반 숫자키 코드, 96~105:숫자키패드 숫자키 코드, 8:Backspace Key, 46: Delete Key,
37:왼쪽 방향키, 39:오른쪽 방향키, 188: 콤마(,), 110 : 숫자키패드(.), 190: 키보드(.) */
}
</script>
반응형
'프로그램ing > Javascript' 카테고리의 다른 글
| [Jquery] 체크박스 클릭 시 TxtBox 사용 미사용 상태로 (0) | 2019.08.29 |
|---|---|
| [Javascript] HTML TABLE 컬럼 합계 (0) | 2019.04.05 |
| [Javascript] 포커스 아웃 이벤트 (0) | 2019.02.20 |
댓글