이야기앱 세상
자바스크립트 - input 태그에 숫자만 입력되게 하기 본문
1. isNaN 함수를 이용한 방법, IE와 파폭 호환성을 위해 style='IME-MODE: disabled' 이용해 영문만 입력하게 설정
--------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>숫자만 입력하기</title>
<script type="text/javascript">
function checkNumber(){
if(isNaN(document.getElementById("no").value)){
alert("숫자만 입력하세요");
document.getElementById("no").value="";
}
}
</script>
</head>
<body>
<input type = "text" id="no" onkeyup="checkNumber()" name ="price" style='IME-MODE: disabled' />
</body>
</html>
--------------------------------------
2. 이벤트를 이용한 방법
IE와 파폭 호환성을 위해 파폭은 함수의 인자로 이벤트 객체를 받고 IE는 window.event로 직접 호출
style='IME-MODE: disabled' 이용해 영문만 입력하게 설정
--------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>숫자만 입력하세요</title>
<script type="text/javascript">
function checkNumber(e){
var event = window.event || e;
if (event.keyCode<48 || (event.keyCode>57 && event.keyCode<96)|| event.keyCode>105)
{
alert("숫자만 입력하세요");
document.getElementById("no").value="";
}
}
window.onload = function() {
document.getElementById("no").onkeyup = checkNumber;
}
</script>
</head>
<body>
<input type = "text" id="no" name ="price" style='IME-MODE: disabled' />
</body>
</html>
'IT > JavaScript' 카테고리의 다른 글
| 자바스크립 - js 파일 압축하기 (0) | 2016.03.24 |
|---|---|
| 자바스크립트 - enter key 동작 막기 (0) | 2016.03.24 |
| 자바스크립트 - 페이지를 reload하는 방법 (0) | 2016.03.24 |
| 자바스크립트 - 하나의 링크로 두 개의 프레임 변경 (0) | 2016.03.24 |
| 자바스크립트 - 부모창에서 iframe의 특정 함수 호출하기 (0) | 2016.03.24 |