[jQuery] input에 숫자와 콤마(,)만 입력하기!!

안녕하세요~

블로그지기 인간대표 입니다.

준비물

JS 소스받기 : https://github.com/customd/jquery-number

input태그에 숫자만입력되고

0000000도 0으로 치환하고

3자리마다 콤마(,)를 붙여주고 싶어서 찾던중~

javascript와 정규식을 합쳐놓은것들을 발견했는데 소스도 너무길고 복잡하더라구요..

그래서 jQuery에 있겠지 하고 찾아보니

역시나 있더라구요 ㅋㅋ

그래서 낼름 가져와서 사용했습니다 ㅎㅎ

일단 위 소스를 받아 js폴더에 넣어놓습니다.

공통 js에 넣습니다.

/** 

 * input 숫자와 콤마만 입력되게 하기.

 * include js : jquery.number.js

 * input 속성에 numberOnly 추가

 * jsp : <input type="text" id="amount" name="amount" numberOnly placeholder="0" />

 * $(this).number(true);

 * $.number( 5020.2364 ); // Outputs 5,020

 * $.number( 5020.2364, 2 ); // Outputs: 5,020.24

 * $.number( 135.8729, 3, ',' ); // Outputs: 135,873

 * $.number( 5020.2364, 1, ',', ' ' ); // Outputs: 5 020,2 

 */

$(document).on("keyup", "input:text[numberOnly]", function() {

$(this).number(true);

});

적용할 jsp의 input태그에 numberOnly속성을 넣습니다.

<input type="text" id="amount" name="amount" numberOnly placeholder="0" />

위와 같이하면 팍!! 끝~~

ㅋㅋ

물론 사이트내에서 오직 한input에서만 사용한다면

공통에 넣지도 않아도되고,

numberOnly속성을 지정안하고,

해당 input태그하나에만

$("#amont").number(true);

하셔도 됩니다 ㅎ

서이추 항상 환영입니다^_^

이상 인간대표 블로그였습니다.