2026, 새로운 도약을 시작합니다.

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

[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개

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 112
2740 4일 전 조회 104
2739 1주 전 조회 209
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 280
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 267
2730 1개월 전 조회 226
2729 1개월 전 조회 356
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 330
2724 1개월 전 조회 358
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 312
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고