위버

input에 숫자만

· 2025-04-13 (일) 21:37:52 · 2642 · 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,424
25-06-22 조회 2,624
25-06-21 조회 3,390
25-06-17 조회 2,492
25-06-17 조회 2,349
25-06-11 조회 2,973
25-06-02 조회 2,624
25-05-28 조회 2,476
25-05-25 조회 2,443
25-05-17 조회 2,508
25-05-17 조회 2,775
25-05-15 조회 2,421
25-05-15 조회 2,786
25-05-14 조회 2,296
25-05-13 조회 2,386
25-05-06 조회 2,603
25-05-06 조회 2,604
25-05-05 조회 2,407
25-05-02 조회 2,831
25-04-27 조회 2,426
25-04-25 조회 2,233
25-04-24 조회 2,269
25-04-23 조회 2,403
25-04-22 조회 2,485
25-04-20 조회 2,583
25-04-19 조회 2,781
25-04-13 조회 2,643
25-04-12 조회 2,388
25-04-10 조회 2,725
25-04-10 조회 2,573