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

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

//************************************************************//
프로젝트에서 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에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
HTML 10-01-26 조회 3,768
HTML 10-01-23 조회 1.1만
HTML 10-01-19 조회 3,925
HTML 10-01-13 조회 4,068
HTML 09-12-06 조회 5,120
HTML 09-11-24 조회 5,323
HTML 09-11-19 조회 3,388
HTML 09-11-11 조회 3,831
HTML 09-08-30 조회 3,783
HTML 09-08-12 조회 3,891
HTML 09-07-21 조회 3,540
HTML 09-07-19 조회 4,388
HTML 09-07-11 조회 3,581
HTML 09-06-15 조회 3,523
HTML 09-05-29 조회 3,833
HTML 09-05-28 조회 4,315
HTML 09-05-05 조회 3,299
HTML 09-04-07 조회 3,973
HTML 09-02-23 조회 4,920
HTML 09-02-17 조회 3,476
HTML 09-02-17 조회 3,244
HTML 09-02-09 조회 2,747
HTML 09-01-23 조회 3,476
HTML 09-01-17 조회 5,951
HTML 09-01-08 조회 3,496
HTML 08-11-07 조회 6,636
HTML 08-11-01 조회 6,466
HTML 08-10-30 조회 4,432
HTML 08-10-16 조회 3,736
HTML 08-10-02 조회 2,882