전체 글에 해당하는 글 157

  1. input 입력했을때 자동으로 3자리 콤마 , 추가 되는 법(onkeyup활용예제)2021.11.24
반응형

input 입력했을때 자동으로 3자리 콤마 , 추가 되는 법(onkeyup활용예제)

Devel/HTML&CSS&JAVASCRIPT|2021. 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, '');
}
댓글()
loading