리

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

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

//************************************************************//
프로젝트에서 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,781
HTML 10-01-23 조회 1.1만
HTML 10-01-19 조회 3,936
HTML 10-01-13 조회 4,080
HTML 09-12-06 조회 5,134
HTML 09-11-24 조회 5,332
HTML 09-11-19 조회 3,402
HTML 09-11-11 조회 3,841
HTML 09-08-30 조회 3,801
HTML 09-08-12 조회 3,913
HTML 09-07-21 조회 3,551
HTML 09-07-19 조회 4,401
HTML 09-07-11 조회 3,592
HTML 09-06-15 조회 3,536
HTML 09-05-29 조회 3,848
HTML 09-05-28 조회 4,326
HTML 09-05-05 조회 3,311
HTML 09-04-07 조회 3,982
HTML 09-02-23 조회 4,934
HTML 09-02-17 조회 3,493
HTML 09-02-17 조회 3,255
HTML 09-02-09 조회 2,766
HTML 09-01-23 조회 3,487
HTML 09-01-17 조회 5,963
HTML 09-01-08 조회 3,511
HTML 08-11-07 조회 6,666
HTML 08-11-01 조회 6,491
HTML 08-10-30 조회 4,444
HTML 08-10-16 조회 3,752
HTML 08-10-02 조회 2,895