본문 바로가기

개발/Web 개발

[Javascript] 입력 필드,입력 폼에 세자리 마다 콤마(,) 표시

input 태그의 입력폼에 키보드로 입력시, 천 단위 마다 콤마(,)를 표시하도록 하는 js 함수

  //키를 누르거나 떼었을때 이벤트 발생
  $("input.<input 클레스명>").on('keydown propertychange change keyup paste input',function(){
      inputNumberFormat(this);
  });
  
  //입력한 문자열 전달
  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, '');

 

(+정규식에 대한 설명이 잘되어있는 링크)

 

정규표현식, 이렇게 시작하자!

매일 쓰는 것도, 가독성이 좋은 것도 아니지만, 모르면 안되는 정규표현식. 저는 이렇게 공부하기 시작했습니다! (자바스크립트를 기준으로 설명합니다)

heropy.blog