JQuery

[JQuery] input type="text" 숫자 입력 시 자동으로 천단위 콤마(,) 입력

chsr 2020. 7. 2. 14:48
728x90
반응형

■ JQuery input type="text" 숫자 입력 시 자동으로 천단위 콤마(,) 입력 / 소수점 포함 숫자 천단위 콤마

<input type="text" onkeyup="chkNumber(this)" />

<script type="text/javascript">
  // 천단위 콤마 (소수점포함)
  function numberWithCommas(num) {
    var parts = num.toString().split(".");
    return parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (parts[1] ? "." + parts[1] : "");
  }

  // 숫자 체크(숫자 이외 값 모두 제거)
  function chkNumber(obj){
    var tmpValue = $(obj).val().replace(/[^0-9,]/g,'');
    tmpValue = tmpValue.replace(/[,]/g,'');
    // 천단위 콤마 처리 후 값 강제변경
    obj.value = numberWithCommas(tmpValue);
  }
</script>
728x90
반응형