리

숫자만 입력할수있게...

· 2010-01-13 (수) 19:40:13 · 2439

//************************************************************//
프로젝트에서 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>

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
10-01-23 조회 5,395
10-01-20 조회 1,726
10-01-19 조회 2,234
10-01-13 조회 2,440
10-01-07 조회 1,586
10-01-07 조회 1,395
10-01-07 조회 2,314
10-01-07 조회 5,012
09-12-31 조회 2,318
09-12-27 조회 2,968
09-12-18 조회 1,836
09-12-14 조회 3,686
09-12-14 조회 4,523
09-12-06 조회 3,203
09-11-26 조회 2,445
09-11-24 조회 2,527
09-11-24 조회 2,782
09-11-23 조회 2,256
09-11-21 조회 5,590
09-11-20 조회 3,449
09-11-19 조회 1,452
09-11-19 조회 1,790
09-11-13 조회 5,143
09-11-11 조회 2,399
09-11-09 조회 3,486