스크립트 문의 드립니다.
본문
<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
$(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, '');
}
});
