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

前端 未结 30 1764
一生所求
一生所求 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条回答
  •  南笙
    南笙 (楼主)
    2020-11-21 05:59

    $(document).ready(function() {
        $("#txtboxToFilter").keydown(function(event) {
            // Allow only backspace and delete
            if ( event.keyCode == 46 || event.keyCode == 8 ) {
                // let it happen, don't do anything
            }
            else {
                // Ensure that it is a number and stop the keypress
                if (event.keyCode < 48 || event.keyCode > 57 ) {
                    event.preventDefault(); 
                }   
            }
        });
    });
    

    Source: http://snipt.net/GerryEng/jquery-making-textfield-only-accept-numeric-values

提交回复
热议问题