반응형
입력창에 실시간으로 숫자키만 입력 받도록 하고, 출력하는 기능예제입니다.
보통은 onsubmit 이나 onchange에서 처리해도 되지만, 키 타이핑시 마다 즉시 체크하도록 하여 아예 입력이 안 되도록 합니다.
검사 루틴만 변경하면 원하는 key typing만 받도록 처리할 수 있습니다.
<input id="myinput" onkeypress="javascript:return myFunction(event);" onkeyup="myFunction2();">
</input>
only numbers...
<p id="demo"></p>
<script>
function myFunction(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function myFunction2() {
var x = document.getElementById("myinput").value;
document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>
'Develop > Java' 카테고리의 다른 글
| tomcat을 root말고 다른 계정으로 운영하기 (0) | 2018.03.10 |
|---|---|
| 자주 사용하는 이클립스(eclipse) 단축키 (0) | 2018.03.07 |
| [CSS] link a tag 색깔, 밑줄 제거 (0) | 2018.03.06 |
| [JS] iframe 페이지 직접 접속 막기 (0) | 2018.03.06 |
| [JS] 입력값 실시간 검증 (0) | 2018.03.06 |