input 태그 숫자 입력 시 세자리 수 콤마

input 태그 숫자 입력 시 세자리 수 콤마를 입력하게 하는 코드, 기존과는 다르게 jQuery를 사용해서 새로운 attribute를 만들고 HTML 의 input 태그에 아래와 같이 적용하면 된다.

 

$(document).on('keyup','input[inputmode=numeric]',function(event){
	this.value = this.value.replace(/[^0-9]/g,'');   // 입력값이 숫자가 아니면 공백
	this.value = this.value.replace(/,/g,'');          // ,값 공백처리
	this.value = this.value.replace(/\B(?=(\d{3})+(?!\d))/g, ","); // 정규식을 이용해서 3자리 마다 , 추가 	
}); 

사용예제
<input type="text" inputmode="numeric">