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 팁자료실

+
제목 글쓴이 날짜 조회
2년 전 조회 2,076
2년 전 조회 2,575
2년 전 조회 2,029
2년 전 조회 2,493
2년 전 조회 2,404
3년 전 조회 3,595
3년 전 조회 3,155
3년 전 조회 1,526
3년 전 조회 1,889
3년 전 조회 2,160
3년 전 조회 2,300
3년 전 조회 2,027
3년 전 조회 2,414
3년 전 조회 3,494
3년 전 조회 2,613
3년 전 조회 2,629
3년 전 조회 2,131
3년 전 조회 2,796
3년 전 조회 2,560
3년 전 조회 1,910
3년 전 조회 2,558
3년 전 조회 1,533
3년 전 조회 1,887
3년 전 조회 1,955
3년 전 조회 2,376
3년 전 조회 4,512
3년 전 조회 4,183
3년 전 조회 2,367
3년 전 조회 1,985
3년 전 조회 1,586
🐛 버그신고