در این مقاله تصمیم داریم ورودی هایی توسط jquery ایجاد کنیم که امکان وارد کردن فقط عدد را دارا باشند .

در صفحه یک input قرار میدهیم که integer کلاس را دارد.

<input type="text" class="integer" />

سپس توسط کد زیر ورودی ها را محدود میکنیم

$(document).ready(function () {

    $("input.integer").keydown(function (e) {

        if (e.ctrlKey) {

            // CTRL + INS
            if (!((e.keyCode == 45) ||
                // CTRL + C
                (e.keyCode == 67) ||
                // CTRL + V
                (e.keyCode == 86))) {

                e.preventDefault();

            }

        }
        else {

            if (e.shiftKey) {

                // SHIFT + TAB
                if (!((e.keyCode == 9) ||
                    // SHIFT + LEFT ARROW KEY
                    (e.keyCode == 37) ||
                    // SHIFT + RIGHT ARROW KEY
                    (e.keyCode == 39) ||
                    // SHIFT + INS
                    (e.keyCode == 45))) {

                    e.preventDefault();

                }

            }
            else {

                // BACKSPACE
                if (!((e.keyCode == 8) ||
                    // TAB
                    (e.keyCode == 9) ||
                    // LEFT ARROW KEY
                    (e.keyCode == 37) ||
                    // RIGHT ARROW KEY
                    (e.keyCode == 39) ||
                    // DELETE
                    (e.keyCode == 46) ||
                    // NUMBER KEYS
                    ((e.keyCode >= 48) && (e.keyCode <= 57)) ||
                    // NUMLOCK KEYS
                    ((e.keyCode >= 96) && (e.keyCode <= 105)))) {

                    e.preventDefault();

                }

            }

        }

    });

});