[제이쿼리] input 태그 숫자입력 강제하기

[제이쿼리] input 태그에 숫자입력 강제 시키기

웹 개발중 input 태그에 비용에 관련된 입력만을 강제 시켜주는 경우에 필요한 js 입니다.

 

[js]

 // 숫자만 입력 강제적용
    $(document).on("blur", "input:text[numberOnly]", function () {
        $(this).val($(this).val().replace(/[^0-9]/g, ""));
    })

[html]

<input type="text" name="import_price_way" numberOnly id="import_price_way" placeholder="금액 입력" class="check-number check-money"  ><label for="import_price_way">원</label>

 

이렇게 input 태그에 numberOnly 라는 지정 속성을 주어 숫자 이외의 값이 입력될때 입력창을 나갈때 숫자가 아닌값이 사라지게 합니다.