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

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

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

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

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

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