| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
- 웹표준
- 자동완성기능
- 객체생성
- 테이블또는 뷰가 존재하지 않습니다.
- 스크립트릿
- 우편번호검색
- JavaScript
- ASP.NET 방명록
- ASP.NET 회원가입
- Repeater
- RowCount 폐이징
- prototype
- 이벤트 처리
- hyperlink 쿼리스트링 바인딩
- 페이지 간 게시
- Oracle 10g
- SQL 명령어가 올바르게 종료되지 않았습니다.
- prototype.js
- json
- ORA-00942
- Ajax댓글
- jsp
- ASP.NET Error
- DataList컨트롤
- Ajax한글 처리문제
- ASP.NET
- JDK1.5
- ajax
- XML
- 자바스윙
- Today
- Total
IT 쟁이
숫자만 입력받는 자바스크립트 본문
<html>
<head>
<title></title>
<script language="javascript">
function NumberOnlyBox(obj) {
this.initialize(obj);
}
NumberOnlyBox.prototype = {
//초기화 함수
initialize : function (obj) {
var me = this;
this._obj = obj;
//이벤트 등록 : 특수키 관련 처리
obj.attachEvent("onkeydown", function(e) { return me.onKeyDown(e); });
//이벤트 등록 : 키를 누를 때 숫자관련인지 확인
obj.attachEvent("onkeypress", function(e) { return me.onKeyPress(e); });
//이벤트 등록 : 붙여넣기시 처리
obj.attachEvent("onpaste", function(e) { return false; });
},
onKeyPress : function(e) {
//숫자면 입력
if(this.isNumericKey(e.keyCode)) return true;
//콤마는 하나만 입력
if(this.isPointKey(e.keyCode) && this.countPoint(e.srcElement.value) < 1) return true;
return false;
},
onKeyDown : function(e) {
if(e.keyCode == 229) return false; // 한글입력 금지
return true;
},
isNumericKey : function(keycode) {
// 숫자키인지 확인하는 메쏘드
if(keycode >= 48 && keycode <= 57) return true;
return false;
},
isPointKey : function(keycode) {
// . 키인지 확인하는 메쏘드
if(keycode == 46) return true;
return false;
},
isCommaKey : function(keycode) {
// , 키인지 확인하는 메쏘드
if(keycode == 44) return true;
return false;
},
countPoint : function(value) {
value = " ".concat(value);
var count = 0;
for(var i = 0; i != -1; count++) i = value.indexOf(".", i + 1);
return --count;
}
}
function init() {
var mybox = new NumberOnlyBox(document.getElementById('nbox'));
}
</script>
</head>
<body onload="init()">
<form name="onlyNum">
<input type="text" id="nbox" name="number" size="50" maxlength="100" style="border:1px solid #666633">
</form>
</body>
</html>
-부호의 압박에 주춤.. 머리를 굴려라!