input 입력시 천 단위마다 자동으로 콤마(,) 입력

자동으로 콤마(,) 입력

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

728x90

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, '');
 }

• 위의 함수처럼 작성해서 필요로 하는 부분에서 호출하여 사용하시면 됩니다.