Computer/WEB, php-java-script Updated: 2022. 3. 12. 21:12 hwaya.

JS/ 천 단위마다 콤마(,) 자동 생성

반응형

HTML

 <input type="text" id="price" onkeyup="inputNumberFormat(this)"/>
onkeyup 속성은 현재 요소에서 onKeyUp 이벤트 핸들러를 반환합니다.
https://developer.mozilla.org/ko/docs/Web/API/GlobalEventHandlers/onkeyup

 

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, '');
 }
replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/replace

 

 

반응형

'Computer > WEB, php-java-script' 카테고리의 다른 글

const, var, let  (0) 2023.08.24
JS/ 소수점 자리수 처리  (0) 2022.03.12
웹소켓으로 전송할 수 있는 데이터 종류  (0) 2019.02.22
체격지수계산  (0) 2011.06.30

Table of Contents


    EIGHTBOX
    EIGHTBOX
    hwaya.

    programmer

    🍋일상의 소소한 순간들부터 큰 꿈까지, 호기심을 만족시킬 다양한 카테고리를 담은 블로그 입니다. 그리고, 소소한 행동에 감동하며 기뻐하고 하루하루에 감사하는 사람🌵

    Today Yesterday Total
    최신글