jQuery – input only numbers

Hello guys,
in this post I’ll show you how to restrict users to input only a numbers in given input field.

It’s very simple solution that uses only a JavaScript / jquery -input only numbers.

jquery – input only numbers

<script>
$(document).ready(function() {
    $("#txtboxToFilter").keydown(function (e) {
 
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
 
            (e.keyCode == 65 && e.ctrlKey === true) ||
 
            (e.keyCode == 67 && e.ctrlKey === true) ||
 
            (e.keyCode == 88 && e.ctrlKey === true) ||
 
            (e.keyCode >= 35 && e.keyCode <= 39)) {
 
                 return;
        }
 
        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });
});
</script>
<script>
$(document).ready(function() {
    $("#txtboxToFilter").keydown(function (e) {
 
        if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||

            (e.keyCode == 65 && e.ctrlKey === true) ||

            (e.keyCode == 67 && e.ctrlKey === true) ||

            (e.keyCode == 88 && e.ctrlKey === true) ||

            (e.keyCode >= 35 && e.keyCode <= 39)) {

                 return;
        }

        if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
            e.preventDefault();
        }
    });
});
</script>

Ok, it’s very easy to understand to all.
First, we have to bind the element, so when the key is pressed in the given field, the jquery – input only numbers script, checks the keycode. And if the keycode is valid, the script prints it in the field.

I just allow and some more keys, lets see:

if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||

This allows the backspace, delete, tab, escape, enter and . in the jquery – input only numbers script.

(e.keyCode == 65 && e.ctrlKey === true) ||
(e.keyCode == 65 && e.ctrlKey === true) ||

This allows the CTR+A

(e.keyCode == 67 && e.ctrlKey === true) ||
(e.keyCode == 67 && e.ctrlKey === true) ||

This allows the CTR+C

(e.keyCode == 88 && e.ctrlKey === true) ||
(e.keyCode == 88 && e.ctrlKey === true) ||

This allows the CTR+X

(e.keyCode >= 35 && e.keyCode <= 39)) 
(e.keyCode >= 35 && e.keyCode <= 39)) 

This allows the home, end, left, right buttons

This is it. Enjoy this jquery - input only numbers script :)

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz