숫자 입력시에 컴마와 소수점 제어하기 정보
숫자 입력시에 컴마와 소수점 제어하기본문
<input type="text" name="number" class="mask-num decimal-2">
와 같이 input 에 클래스를 통해 컴마와 소수점을 제어합니다.
function numberFormat(number, decimals = 0, decPoint = '.', thousandsSep = ',') {
number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
let n = !isFinite(+number) ? 0 : +number;
let prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
function toFixedFix(n, prec) {
let k = Math.pow(10, prec);
return '' + Math.round(n * k) / k;
}
let s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
if (s[0].length > 3) {
s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, thousandsSep);
}
if ((s[1] || '').length < prec) {
s[1] = s[1] || '';
s[1] += new Array(prec - s[1].length + 1).join('0');
}
return s.join(decPoint);
}
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('input.mask-num').forEach(function(input) {
// 소수점 자릿수 설정: decimal-1, decimal-2 등의 클래스에서 숫자를 추출
const decimalMatch = input.className.match(/decimal-(\d+)/);
const decimalPlaces = decimalMatch ? parseInt(decimalMatch[1], 10) : 0;
// 초기 포맷 적용
input.value = numberFormat(input.value, decimalPlaces);
// 입력할 때마다 포맷 적용
input.addEventListener('input', function() {
input.value = numberFormat(input.value, decimalPlaces);
});
});
});
5
댓글 4개
감사합니다 ^^
유용하게 잘쓰겠습니다~감사합니다~
수고하셨습니다. 유용하게 사용될 수 있겠어요
감사합니다