메뉴 건너뛰기

조회 수 7876 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8"> 
  <title>정규식을 이용한 실시간 콤마(comma) 넣기</title>
  <script type="text/javascript">
  <!--
    function getNumber(obj){
        
         var num01;
         var num02;
         num01 = obj.value;
         num02 = num01.replace(/\D/g,""); //숫자가 아닌것을 제거, 
                                          //즉 [0-9]를 제외한 문자 제거; /[^0-9]/g 와 같은 표현
         num01 = setComma(num02); //콤마 찍기
         obj.value =  num01;

    }
    function setComma(n) {
         var reg = /(^[+-]?\d+)(\d{3})/;   // 정규식
         n += '';                          // 숫자를 문자열로 변환         
         while (reg.test(n)) {
            n = n.replace(reg, '$1' + ',' + '$2');
         }         
         return n;
    }
  //-->
  </script>
 </head>
 <body>
    <table width="650" border="0" cellspacing="1" cellpadding="5">
        <tr>
            <td width="109" bgcolor="#F2F2F2"><strong>result</strong></td>
            <td width="518" align="left" bgcolor="#FFFFFF">
                <input name="mypay" type="text" 
                    onchange="getNumber(this);" onkeyup="getNumber(this);" style="text-align:right;">
 원
            </td>
        </tr>
    </table>
 </body>
</html>




List of Articles
번호 제목 날짜 조회 수
107 예제 - 자바스크립트로 현재 달의 달력 만들기 (calendar) 2015.06.19 10061
106 마우스 드래그, 오른쪽 팝업메뉴, 선택 막기 (IE11, 파이어폭스, 크롬 확인) 2015.06.19 8566
105 Checkbox : 체크박스 체크여부 확인 file 2015.06.19 19010
104 텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량 file 2015.06.19 12281
103 정규식을 이용한 콤마(comma) 제거하기 2015.06.19 6804
» 정규식을 이용한 실시간 콤마(comma) 넣기 2015.06.19 7876
101 자바스크립트로 네트워크 연결 확인하기 (Navigator onLine Property) file 2015.06.19 6197
100 location.href 로 새창 여는 방법 (target=_blank 효과) 2015.06.19 9390
99 CheckBox 전체 선택 & 해제 2015.04.28 5580
98 선택(CheckBox) 된 Row 삭제 - 화면에서 추가된 Row 2015.04.28 13536
97 선택된 데이터 부모창에 넘기기 (iframe ☞ 부모창) 2015.04.28 6614
96 2단계 트리메뉴 마우스오버(mouseover), 온포커스(onfocus) 구현 2015.04.06 8200
95 jquery 메뉴 - 아래로 한번에 전체가 펼처짐 file 2015.04.06 11698
94 자바스크립트 이벤트 목록입니다. ( javascript event ) 2015.04.06 5596
93 '레이블', 반복문을 제어하자! file 2015.02.03 5540
92 'Array', 배열 및 다차원 배열 선언에 대해 알아보자! 2015.02.03 11110
91 배열의 리터럴 선언, 또다른 배열 선언 방법! 2015.02.03 6408
90 '문자 ↔ 숫자', 타입을 바꿔보자! 2015.02.03 6207
89 드롭다운 메뉴를 만들어보자! -1탄 file 2015.02.03 8168
88 'onmouseover', 마우스 오버 효과 - 글씨 바꾸기! file 2015.02.03 9433
Board Pagination Prev 1 ... 3 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved