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 팁자료실

+
제목 글쓴이 날짜 조회
8개월 전 조회 864
8개월 전 조회 486
8개월 전 조회 505
9개월 전 조회 750
9개월 전 조회 764
9개월 전 조회 576
9개월 전 조회 499
9개월 전 조회 556
9개월 전 조회 461
9개월 전 조회 425
9개월 전 조회 588
9개월 전 조회 566
9개월 전 조회 659
9개월 전 조회 803
9개월 전 조회 702
9개월 전 조회 560
9개월 전 조회 840
9개월 전 조회 693
9개월 전 조회 878
9개월 전 조회 1,076
10개월 전 조회 640
10개월 전 조회 757
10개월 전 조회 754
10개월 전 조회 691
10개월 전 조회 663
10개월 전 조회 792
10개월 전 조회 907
10개월 전 조회 797
10개월 전 조회 983
10개월 전 조회 710