javascript 3자리 수 마다 콤마 찍기

script

by 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값 잡아놓은 곳에 출력

'script' 카테고리의 다른 글

login 탬플릿 만들기 기본적인 디자인 (0)	2022.01.28
javascript 쿽메뉴 만들기(쿽배너) (0)	2022.01.26
javascript 현재 날짜 출력하여 뿌려주기 (0)	2022.01.20
javascript 형변환 (0)	2022.01.19
javascript modal 창 만들기 (0)	2022.01.18