본문 바로가기
개발 이야기/HTML | CSS | JS

숫자입력시 ,(콤마) 찍기

by 농개 2018. 5. 25.
반응형



1000000000와 같이 자리수가 커지면 숫자를 읽기가 불편하다. 100,000와 같이 3자리 단위로 ,를 찍어주면 수월해진다.


우선 javascript함수를 하나 만든다.


1
2
3
4
5
6
function numberWithCommas(x) {
  x = x.replace(/[^0-9]/g,'');   // 입력값이 숫자가 아니면 공백
  x = x.replace(/,/g,'');          // ,값 공백처리
  $("#money").val(x.replace(/\B(?=(\d{3})+(?!\d))/g, ",")); // 정규식을 이용해서 3자리 마다 , 추가 
}
 
cs


그리고 html에 해당 콤마 효과를 줄 input태그에 이벤트함수르 추가한다.


1
2
<input type="text" id="money" onkeyup="numberWithCommas(this.vale)"></input
 
cs


반응형