메뉴 건너뛰기

Dev tips

JavaScript 모든 브라우저에 숫자만 입력받기 적용

taknim 2011.02.24 04:27 조회 수 : 7294 추천:1799

http://jonathan.tang.name/files/js_keycode/test_keycode.htmlhttp://blog.naver.com/ecaface/140095173286jQuery 를 삽입한 후 사용
id="input1" 인 텍스트박스에 숫자만 입력 추가

event 가 가지고 있는 속성들...
var fields = ['charCode', 'keyCode', 'which', 'type', 'timeStamp',
                  'altKey', 'ctrlKey', 'shiftKey', 'metaKey'];

<script>
jQuery.fn.numeric  = function(options)
{
  var opts = $.extend(jQuery.fn.numeric.defaults, options);
  return this.each(function()
  {
    $(this).keydown(function(e)
    {
      var key = e.charCode || e.keyCode || 0;
      if (opts.allowControlKeys && jQuery.fn.numeric.isControlKey(key))
        return true;
      if (e.shiftKey || e.altKey || e.ctrlKey) return false;
      return ((key > 47 && key < 58) || (key > 95 && key < 106));
    });
  });
};
jQuery.fn.numeric.isControlKey = function(key)
{
  var controlKeys = new Array(8, 9, 46, 37, 38, 39, 40);
  return jQuery.inArray(key, controlKeys) > - 1;
}
jQuery.fn.numeric.defaults = {allowControlKeys: true};

$(document).ready(function() {
  $("#input1").numeric();
  $("#input1").css("ime-mode", "disabled");
}
</script>

http://jonathan.tang.name/code/js_keycode
-------------------------------------------------------------------------
뭐 이런 방법도 ...
-------------------------------------------------------------------------
<html>
           <head>
                      <script type="text/javascript">
                                function onlynumber(obj)
                                {
                                          var patt = /[^0-9]/g;
                                          obj.value = obj.value.replace(patt, '');
                                }
                     </script>
           </head>
           <body>
                     <input type="text" id="ssn1" onkeyup=" onlynumber (this)" style="ime-mode:disabled"/>
           </body>
</html>


번호 제목 글쓴이 날짜 조회 수
54 export to excel(xlsx, xls), csv, txt file - 엑셀 파일로 저장 file taknim 2016.12.15 5553
53 Regular Expressions Cheat Sheet - 정규표현식 치트 시트 taknim 2016.12.13 806
52 자바스크립트 클립보드 복사 (copy) taknim 2016.06.17 395
51 ip 국가/도시 코드(이름) 확인 (geoip) taknim 2015.02.24 2322
50 이메일, email 정규표현식 taknim 2015.02.24 2350
49 [google map api] 구글 맵스 API 로 지도 가져오기 taknim 2012.02.09 16977
48 [js] 사업자등록번호, 주민등록번호, 외국인등록번호 유효성 체크 taknim 2012.01.30 14390
47 [js] jquery 브라우저 버전 확인 자바스크립트 taknim 2012.01.10 12733
46 [js] showModalDialog Method taknim 2011.12.05 10100
45 [js & php] 비밀번호 유효성 체크 - 연속 문자, 같은 문자 taknim 2011.11.09 28789
44 navigator.userAgent 정리 taknim 2011.07.06 6622
43 [jQuery] 팝업창이나 하위프레임에서 상위 객체를 셀렉트 taknim 2011.06.07 8273
42 아이피 형식 체크 함수 taknim 2011.03.11 6586
» 모든 브라우저에 숫자만 입력받기 적용 taknim 2011.02.24 7294
40 jQuery 숫자만 입력 taknim 2010.10.27 12837
39 태그삭제하는 스크립트 taknim 2010.06.16 9853
38 javascript 에서 cookie 남기기 setcookie taknim 2010.04.22 11869
37 자바스크립트로 폰트 설치 유무 확인하기 taknim 2010.04.21 12066
36 한글 정규식 taknim 2010.02.19 9311
35 새 창에 form을 post로 전송하기 taknim 2009.09.16 10522