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개월 전 조회 592
9개월 전 조회 629
9개월 전 조회 864
9개월 전 조회 868
9개월 전 조회 676
10개월 전 조회 645
10개월 전 조회 682
10개월 전 조회 578
10개월 전 조회 526
10개월 전 조회 706
10개월 전 조회 719
10개월 전 조회 783
10개월 전 조회 955
10개월 전 조회 812
10개월 전 조회 669
10개월 전 조회 946
10개월 전 조회 805
10개월 전 조회 983
10개월 전 조회 1,215
10개월 전 조회 739
11개월 전 조회 862
11개월 전 조회 858
11개월 전 조회 803
11개월 전 조회 766
11개월 전 조회 894
11개월 전 조회 1,020
11개월 전 조회 909
11개월 전 조회 1,093
11개월 전 조회 810