BLOG ARTICLE 자바스크립트 | 5 ARTICLE FOUND

  1. 2008.03.05 숫자형식의 문자열에 천단위 ","를 넣자
  2. 2008.03.05 숫자만 입력 받는 TestField 만들기

Dev Note/JavaScript 2008.03.05 16:46

숫자형식의 문자열에 천단위 ","를 삽입하는 자바스크립트 입니다.

   function numInsertComma(num) {
      var sign="";
     
      if(num<0) {
         num=num*(-1);
         sign="-";
      } else {
         num=num*1;
      }

      num = new String(num);
      var temp = "";
      var pos=3;
      num_len=num.length;

      while (num_len>0) {
         num_len=num_len-pos;

         if(num_len<0) {
            pos=num_len+pos;
            num_len=0;
         }

         temp = "," + num.substr(num_len,pos) + temp;
      }

      return sign + temp.substr(1);
   }

신고

Dev Note/JavaScript 2008.03.05 16:10

입력을 받는 TextField에 숫자만 입력 가능하게 만들어 본다.

<script type="text/javascript">
    function numCheck(obj) {
        var numCheck = /^\d+$/;
        var checkStr = obj.value;

        if(checkStr != '') {
            if(!numCheck.test(checkStr)) {
                alert('숫자만 입력이 가능합니다.');
                obj.value = '';
                obj.focus();
            }
        }
    }
</script>

본문의 Form의 TextField에 아래와 같이 onkeyup에 위 스크립트를 걸어주면 끝 ...

<form name="inputForm" action="..." method="post">
    ...
    <input type="textfield" name="numInput" size="10" onkeyup="numCheck(this);" />
    ...
</form>

신고

티스토리 툴바