애

input 에 숫자 입력시 3자리 콤마 자동

· 2023-01-25 (수) 13:19:45 · 5836 · 10

[code]

<input type="text" id="price" onkeyup="inputNumberFormat(this)"/>

<script>

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, '');

}

</script>

[/code]

 

의외로 물어보시는 분들이 많으신데 팁게에 없어서 적습니다~

 

ps

return 줄바꿈이 왜 되어있는지 모르겠네요 ㅠㅠ

수정했습니다! 불편을드려 죄송해요~~

|

댓글 10개

감사 합니다.
2023-01-25 (수) 19:30:57
감사합니다~~^^*
일단 스크랩 했습니다. 무조건 언젠가,....쓰는 소스네요~ 감사합니다.
2023-01-26 (목) 09:21:32
소스 그대로 적용해 보니 undefined 뜨면서 안되네요
@마당쇠151 저도 사용해보려고 해보니 마찬가지가 나오더라구요...
근데 return 다음에 줄바꾸기된 것 때문인듯....
@베짱이 return 다음줄을 한줄로 합치니 잘 작동하네요
http://happyjung.com/demo/js/input_comma.php
감사합니다.
변형해서 jquery에서 class 지정시에 작동하도록 만들어도 좋겠군요...~
코드가 깔끔하고 이해하기 쉽게 만드셨네요. 감사합니다.
2023-02-05 (일) 22:33:42
감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
23-03-16 조회 4,803
23-03-16 조회 5,414
23-03-11 조회 5,628
23-03-09 조회 4,966
23-03-08 조회 5,334
23-03-07 조회 5,172
23-03-06 조회 5,735
23-03-05 조회 4,917
23-03-03 조회 6,619
23-03-02 조회 5,825
23-03-02 조회 4,768
23-03-01 조회 4,480
23-02-20 조회 4,804
23-02-16 조회 5,455
23-02-16 조회 4,767
23-02-11 조회 5,117
23-02-10 조회 5,574
23-02-08 조회 4,956
23-02-06 조회 5,290
23-02-05 조회 5,361
23-02-02 조회 6,685
23-02-02 조회 6,140
23-02-02 조회 4,440
23-02-02 조회 4,955
23-02-02 조회 5,262
23-02-01 조회 5,326
23-01-30 조회 5,022
23-01-27 조회 5,312
23-01-27 조회 6,517
23-01-25 조회 5,837