위버

input에 숫자만

· 2025-04-13 (일) 21:37:52 · 2681 · 5

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개

2025-04-14 (월) 09:27:36

감사합니다 ^^

2025-04-15 (화) 09:43:11

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

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

감사합니다 

감사합니다.

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

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
25-06-24 조회 2,451
25-06-22 조회 2,665
25-06-21 조회 3,430
25-06-17 조회 2,520
25-06-17 조회 2,378
25-06-11 조회 2,994
25-06-02 조회 2,648
25-05-28 조회 2,513
25-05-25 조회 2,479
25-05-17 조회 2,539
25-05-17 조회 2,811
25-05-15 조회 2,454
25-05-15 조회 2,817
25-05-14 조회 2,323
25-05-13 조회 2,413
25-05-06 조회 2,628
25-05-06 조회 2,640
25-05-05 조회 2,432
25-05-02 조회 2,862
25-04-27 조회 2,461
25-04-25 조회 2,253
25-04-24 조회 2,307
25-04-23 조회 2,434
25-04-22 조회 2,511
25-04-20 조회 2,610
25-04-19 조회 2,812
25-04-13 조회 2,682
25-04-12 조회 2,426
25-04-10 조회 2,752
25-04-10 조회 2,601