ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Javascript] 실시간 콤마
    프로그래밍/프런트 개발 2020. 4. 8. 17:58

    실시간으로 인풋에 입력되는 금액에 대한 천단위 콤마를 출력하기위해 사용했던 방식이다.

    <script>
    
      function getNumber(obj){
         var num01;
         var num02;
         num01 = obj.value;
         num02 = num01.replace(/\D/g,""); 
         num01 = setComma(num02);
         obj.value =  num01;
    
         $('#test').text(num01);
      }
    
      function setComma(n) {
         var reg = /(^[+-]?\d+)(\d{3})/;
         n += '';         
         while (reg.test(n)) {
            n = n.replace(reg, '$1' + ',' + '$2');
         }         
         return n;
      }
    
    </script>

    위와 같이 함수를 생성하고 아래와 같이 사용했다.

    <input type="text" id="test" onchange="getNumber(this);" onkeyup="getNumber(this);">
    

    댓글