숫자만 입력할수있게...
//************************************************************//
프로젝트에서 common.js정도에 넣어놓고
숫자만 입력되는 곳에다 이벤트만 걸어주면 됩니다.
//************************************************************//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
window.attachEvent("onload",init) ;
function init()
{
document.getElementById("iValue").attachEvent("onkeyup", iValueHandler) ;
}
function iValueHandler()
{
var element = event.srcElement ;
if(!isNumber(element.value))
{
alert("숫자만 입력하실수 있습니다.");
element.value = "" ;
element.focus() ;
}
}
/*************************************************************************
함수명 : containsCharsOnly
기 능 : 특정문자가 존재하는지 체크
인 수 : input, chars - 객체, 찾고자하는 문자
리턴값 : 존재하면 true
**************************************************************************/
function containsCharsOnly(input,chars) {
for (var inx = 0; inx < input.length; inx++) {
if (chars.indexOf(input.charAt(inx)) == -1)
return false;
}
return true;
}
/*************************************************************************
함수명 : isNumber
기 능 : 입력값이 숫자인지를 체크
인 수 : input - 입력값
리턴값 : 숫자 true , 숫자외문자 false
**************************************************************************/
function isNumber(input) {
var chars = "0123456789.";
if(input == "") return false;
return containsCharsOnly(input,chars);
}
</script>
</HEAD>
<BODY>
<input type="text" name="iValue">
</BODY>
</HTML>
게시판 목록
퍼블리셔팁
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 377 | HTML | 15년 전 | 5023 | ||
| 376 | HTML | 15년 전 | 3121 | ||
| 375 | HTML | 16년 전 | 3558 | ||
| 374 | HTML | 16년 전 | 3495 | ||
| 373 | HTML | 16년 전 | 3596 | ||
| 372 | HTML |
|
16년 전 | 3311 | |
| 371 | HTML | 16년 전 | 4119 | ||
| 370 | HTML | 16년 전 | 3307 | ||
| 369 | HTML | 16년 전 | 3291 | ||
| 368 | HTML | 16년 전 | 3551 | ||
| 367 | HTML | 16년 전 | 4029 | ||
| 366 | HTML |
잠자리똥꾸멍
|
16년 전 | 3028 | |
| 365 | HTML | 16년 전 | 3689 | ||
| 364 | HTML | 16년 전 | 4620 | ||
| 363 | HTML | 16년 전 | 3206 | ||
| 362 | HTML | 16년 전 | 2975 | ||
| 361 | HTML | 16년 전 | 2466 | ||
| 360 | HTML |
|
16년 전 | 3202 | |
| 359 | HTML | 16년 전 | 5666 | ||
| 358 | HTML | 16년 전 | 3199 | ||
| 357 | HTML | 17년 전 | 6306 | ||
| 356 | HTML | 17년 전 | 6169 | ||
| 355 | HTML | 17년 전 | 4175 | ||
| 354 | HTML | 17년 전 | 3472 | ||
| 353 | HTML | 17년 전 | 2619 | ||
| 352 | HTML | 17년 전 | 3713 | ||
| 351 | HTML | 17년 전 | 3143 | ||
| 350 | HTML | 17년 전 | 5559 | ||
| 349 | HTML | 17년 전 | 4661 | ||
| 348 | HTML | 17년 전 | 3854 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기