위버

input에 숫자만

· 2025-04-13 (일) 21:37:52 · 3564 · 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 조회 3,537
25-06-22 조회 3,628
25-06-21 조회 4,462
25-06-17 조회 3,437
25-06-17 조회 3,304
25-06-11 조회 3,919
25-06-02 조회 3,533
25-05-28 조회 3,401
25-05-25 조회 3,360
25-05-17 조회 3,434
25-05-17 조회 3,728
25-05-15 조회 3,343
25-05-15 조회 3,722
25-05-14 조회 3,161
25-05-13 조회 3,276
25-05-06 조회 3,547
25-05-06 조회 3,497
25-05-05 조회 3,317
25-05-02 조회 3,786
25-04-27 조회 3,327
25-04-25 조회 3,145
25-04-24 조회 3,210
25-04-23 조회 3,347
25-04-22 조회 3,366
25-04-20 조회 3,549
25-04-19 조회 3,738
25-04-13 조회 3,565
25-04-12 조회 3,346
25-04-10 조회 3,642
25-04-10 조회 3,596