Skip to main content

3자리마다 콤마를 찍어주는 플러그인

이 플러그인도 jquery용입니다.

별도의 파일로 만들어서 script src로 불러다 쓰시면 편리합니다.

몇가지 타입이 있는데요… 통합할려다가 그때 그때 필요한 것을 추가하다보니 함수가 3개나 되었네요 -_-

$(function($){

    //NumberFormat -_-a 딱히 이름이 안 떠오름
    // 3자리 마다 콤마를 찍어줌
    $.DNumberFormat = function(value) {
        var data = value + "";
        var arrResult = data.split("");
        var startIndex = arrResult.length - 3;
        for (var i = startIndex; i > 0; i -= 3) {
            arrResult.splice(i, 0, ","); // 0은 기존 배열을 삭제하지 않고 삽입만 하겠다는 의미
        }
        return arrResult.join(''); // 공백없이 문자열로 변환
    };



    //객체를 지정해서 찍는것도 ...
    $.fn.DNumberFormatInput = function() {
        var value = $(this).val();

        var data = value + "";
        var arrResult = data.split("");
        var startIndex = arrResult.length - 3;
        for (var i = startIndex; i > 0; i -= 3) {
            arrResult.splice(i, 0, ","); // 0은 기존 배열을 삭제하지 않고 삽입만 하겠다는 의미
        }
        $(this).val(arrResult.join('')); // 공백없이 문자열로 변환
    };

    //html용 (try_catch가 필요할듯...)
    $.fn.DNumberFormatHtml = function() {
        var value = $(this).html();

        var data = value + "";
        var arrResult = data.split("");
        var startIndex = arrResult.length - 3;
        for (var i = startIndex; i > 0; i -= 3) {
            arrResult.splice(i, 0, ","); // 0은 기존 배열을 삭제하지 않고 삽입만 하겠다는 의미
        }
        $(this).html(arrResult.join('')); // 공백없이 문자열로 변환
    };

});

사용하는 방법은 여타의 플러그인들과 마찬가지로 …

$("#객체").DNumberFormat();

 

용도에 따라 함수를 바꿔주면 됩니다. …

(누군가 하나로 통합해줬으면.. -ㅅ- .. 내가 잘쓸텐데…   class도 처리되게 해줬으면….  )

 

…. 이라고 하기에 누가 만들어 놓지 않았을까요 -ㅅ-)!!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.