[자바스크립트] input 입력시 천 단위마다 자동으로 콤마(,) 입력


자동으로 콤마(,) 입력

input 태그에 숫자를 입력시에 천 단위마다 자동으로 콤마를 찍어주는 팁입니다. “common.js” 라는 파일을 만들어 이렇게 전역적으로 사용되는 파일들을 작성하고 사용하시면 더 깔끔하게 사용하실 수 있어요.


HTML 작성

 <input type="text" id="price" onkeyup="inputNumberFormat(this)"/>
  • 위의 input 태그처럼 작성해주고 onkeyup 속성으로 스크립트를 호출합니다.


script (common.js)

 function inputNumberFormat(obj) {
     obj.value = comma(uncomma(obj.value));
 }
 
 function comma(str) {
     str = String(str);
     return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
 }
 
 function uncomma(str) {
     str = String(str);
     return str.replace(/[^\d]+/g, '');
 }
  • 위의 함수처럼 작성해서 필요로 하는 부분에서 호출하여 사용하시면 됩니다.