input 입력했을때 자동으로 3자리 콤마 , 추가 되는 법(onkeyup활용예제)
Devel/HTML&CSS&JAVASCRIPT2021. 11. 24. 16:45
반응형
input 에 숫자를 입력하였을때 , 자동으로 3자리마다 ","가 찍히길 원한다면,
<input type="text" id="deposit"onkeyup="javascript:inputNumberFormat(this)" required/>
html에 위와 같이 onkeyup 함수를 선언해주고,
스크립트에 아래와 같은 함수를 선언해준다.
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, '');
}
'Devel > HTML&CSS&JAVASCRIPT' 카테고리의 다른 글
JQuery 날짜 계산 방법(현재 기준 한달 전, 일주일 전, 일주일 후, 한달 후 , 한시간 후 등) (0) | 2022.01.19 |
---|---|
CSS 글자 굵기 설정 (font-weight) (0) | 2022.01.19 |
금액이나 단위 3자리에 콤마 "," 추가 하는 방법 (0) | 2021.11.24 |
CSS의 모든것, 문법총정리 적용예시4 (0) | 2020.11.22 |
CSS의 모든것, 문법총정리3(margin,padding 총정리)및 적용예시 (0) | 2020.09.05 |
댓글()