애

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

· 2023-01-25 (수) 13:19:45 · 5696 · 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,671
23-03-16 조회 5,283
23-03-11 조회 5,489
23-03-09 조회 4,846
23-03-08 조회 5,213
23-03-07 조회 5,025
23-03-06 조회 5,621
23-03-05 조회 4,798
23-03-03 조회 6,485
23-03-02 조회 5,694
23-03-02 조회 4,649
23-03-01 조회 4,359
23-02-20 조회 4,677
23-02-16 조회 5,331
23-02-16 조회 4,628
23-02-11 조회 4,988
23-02-10 조회 5,465
23-02-08 조회 4,826
23-02-06 조회 5,162
23-02-05 조회 5,233
23-02-02 조회 6,548
23-02-02 조회 6,018
23-02-02 조회 4,295
23-02-02 조회 4,835
23-02-02 조회 5,137
23-02-01 조회 5,210
23-01-30 조회 4,896
23-01-27 조회 5,192
23-01-27 조회 6,405
23-01-25 조회 5,697