스크립트 문의 드립니다. 채택완료

<input type="text" id="number_no" numberOnly><div id="out"></div>
            

<script type="text/javascript">

$(document).ready(function(){

    $("#number_no").keyup(function(){

        $("#out").number($("#number_no").val());

    });
});


function addCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

 

$("input:text[numberOnly]").on("keyup", function() {
    $(this).val($(this).val().replace(/[^0-9]/g,""));
});
</script>

 

이런 소스가 있는데요 number_no 에 숫자를 쓰면 #out 에 출력이 되는데요

소스에 보시면 addCommas(x) 라는게 있는데요 이걸 #out에 출력될때 3자리 ,를 찍어서 출력되게

하려면 어떻게 해야 할까요?

답변 3개

채택된 답변
+20 포인트

$(document).ready(function(){

    $("#number_no").keyup(function(){

        var numbercount = $("#number_no").val();

        $("#out").html(addCommas(numbercount));

    });
});

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

$(document).ready(function(){
    //키를 누르거나 떼었을때 이벤트 발생
   $("#number_no").keyup(function(){
       inputNumberFormat(this);
       $('#out').text($("#number_no").val());
   });

    //입력한 문자열 전달
    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, '');
    }
});

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

https://fruitdev.tistory.com/160

전 여기서 해결했던 기억이 나네요. ㅎㅎ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고