리

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

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

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

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-01-11 조회 2,776
12-01-11 조회 1.2만
12-01-10 조회 2,873
12-01-08 조회 3,463
12-01-05 조회 5,352
11-12-29 조회 3,072
11-12-27 조회 2,862
11-12-25 조회 3,041
11-12-22 조회 3,478
11-12-14 조회 2,937
11-12-12 조회 3,575
11-11-28 조회 3,394
10-10-19 조회 2,854
08-09-05 조회 3,771
08-09-05 조회 3,589
08-06-14 조회 3,331
08-04-22 조회 3,612
08-04-17 조회 3,617
07-10-03 조회 4,226
07-10-03 조회 3,623
07-10-03 조회 7,305
07-10-03 조회 4,585
07-10-03 조회 3,286
07-10-03 조회 2,876
07-10-02 조회 3,590
07-10-02 조회 3,116
07-09-27 조회 5,039
07-09-27 조회 3,868
06-09-26 조회 3,525
06-09-26 조회 4,748
06-09-22 조회 3,920
06-09-22 조회 3,540
06-09-22 조회 4,290
06-09-21 조회 4,217
06-08-18 조회 3,710
05-11-30 조회 4,753
05-07-15 조회 4,610
05-03-23 조회 4,663
05-03-14 조회 3,331
05-03-13 조회 2,705
04-08-05 조회 5,782