How to allow only numeric (0-9) in HTML inputbox using jQuery?

前端 未结 30 1875
一生所求
一生所求 2020-11-21 05:38

I am creating a web page where I have an input text field in which I want to allow only numeric characters like (0,1,2,3,4,5...9) 0-9.

How can I do this using jQuery

30条回答
  •  Happy的楠姐
    2020-11-21 06:03

    This seems unbreakable.

    // Prevent NULL input and replace text.
    $(document).on('change', 'input[type="number"]', function (event) {
        this.value = this.value.replace(/[^0-9\.]+/g, '');
        if (this.value < 1) this.value = 0;
    });
    
    // Block non-numeric chars.
    $(document).on('keypress', 'input[type="number"]', function (event) {
        return (((event.which > 47) && (event.which < 58)) || (event.which == 13));
    });
    

提交回复
热议问题