script

javascript 3자리 수 마다 콤마 찍기

2hansoul 2022. 1. 21. 22:01
반응형
<html>
<form name='electionform'>
<input type="text" placeholder="0" id="elenum" name="elenum" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');">
<input type="button" onclick="electionSUM()" value="계산">
<p id="elemun1-1">계산식 출력</p>
</form>
<html>


<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
function electionSUM(){

	var f = document.electionform;

	var elemun = f.elenum.value;

	var elemuncoma = elemun.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
		$('#elemun1-1').html(elemuncoma);
}
</script>

onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" 

입력한 값을 this.value 검사해서 숫자만 입력 가능하게 해줌 

 

var f = document.electionform;

input에 id값만 줘서 잡아도 되지만 폼 하나에 input하나만 거의 넣지 않으니 나중에 생각해서 폼 전체로 잡아줌

 

var elemuncoma = elemun.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

3자리 마다 ,를 찍어 준다 

 

$('#elemun1-1').html(elemuncoma);

p태그 id값 잡아놓은 곳에 출력 

 

반응형