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

· 16년 전 · 3885

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

퍼블리셔팁

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

+
분류 제목 글쓴이 날짜 조회
HTML 15년 전 조회 2,211
HTML 15년 전 조회 2,279
HTML 15년 전 조회 2,347
HTML 15년 전 조회 2,776
HTML 15년 전 조회 2,951
HTML 15년 전 조회 5,813
HTML 15년 전 조회 6,066
HTML 15년 전 조회 3,239
HTML 15년 전 조회 3,295
HTML 16년 전 조회 5,172
HTML 16년 전 조회 3,439
HTML 16년 전 조회 3,589
HTML 16년 전 조회 1만
HTML 16년 전 조회 3,743
HTML 16년 전 조회 3,886
HTML 16년 전 조회 4,936
HTML 16년 전 조회 5,110
HTML 16년 전 조회 3,206
HTML 16년 전 조회 3,643
HTML 16년 전 조회 3,600
HTML 16년 전 조회 3,668
HTML 16년 전 조회 3,370
HTML 16년 전 조회 4,196
HTML 16년 전 조회 3,369
HTML 16년 전 조회 3,363
HTML 16년 전 조회 3,657
HTML 16년 전 조회 4,126
HTML 16년 전 조회 3,131
HTML 16년 전 조회 3,783
HTML 16년 전 조회 4,722