input에 숫자만

type="number"를 쓰면 간단하지만 text 타입을 써야하는 경우

구글링해서 나오는 자료는 숫자입력 후 숫자외 입력시 글자가 하나씩 지워지는 에러가 있어

만들어봤습니다. class에 wv-only-number 넣어주시면됩니다

[code]

$(document).on('input','input.wv-only-number',function (e) {
    this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
})
$(document).on('keypress','input.wv-only-number',function (e) {
    if(  e.key >= 0 && e.key <= 9) {
        return true;
    }
    return false;
})

[/code]

|

댓글 5개

감사합니다 ^^

멋진 팁입니다!! 감사합니다!!

감사합니다. 
혹여나 마이너스(음수)를 넣었을때도 가능할려면 어떻게 해야 하나요?

감사합니다 

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
9개월 전 조회 979
9개월 전 조회 591
9개월 전 조회 628
9개월 전 조회 863
9개월 전 조회 867
9개월 전 조회 676
10개월 전 조회 643
10개월 전 조회 682
10개월 전 조회 577
10개월 전 조회 526
10개월 전 조회 706
10개월 전 조회 718
10개월 전 조회 782
10개월 전 조회 954
10개월 전 조회 811
10개월 전 조회 668
10개월 전 조회 944
10개월 전 조회 804
10개월 전 조회 983
10개월 전 조회 1,213
10개월 전 조회 736
11개월 전 조회 860
11개월 전 조회 858
11개월 전 조회 801
11개월 전 조회 764
11개월 전 조회 892
11개월 전 조회 1,020
11개월 전 조회 908
11개월 전 조회 1,092
11개월 전 조회 810