Поиск по этому блогу

среда, 18 апреля 2012 г.

Ввод только цифр в текстовое поле(type=text) input формы html используя jQuery

Нужно запретить пользователю ввод в текстовое поле формы <input type="text"> любых данных кроме цифр. Для этого воспользуемся библиотекой jQuery и функцией .keydown:
$(document).ready(function() {
    $("#txtboxToFilter").keydown(function(event) {
        // Разрешаем нажатие клавиш backspace, del, tab и esc
        if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || 
             // Разрешаем выделение: Ctrl+A
            (event.keyCode == 65 && event.ctrlKey === true) || 
             // Разрешаем клавиши навигации: home, end, left, right
            (event.keyCode >= 35 && event.keyCode <= 39)) {
                 return;
        }
        else {
            // Запрещаем всё, кроме клавиш цифр на основной клавиатуре, а также Num-клавиатуре
            if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
                event.preventDefault(); 
            }   
        }
    });
});
В данном примере ввода только цифр используются не только коды цифр из основной клавиатуры, но и цифры на дополнительной, так называемой NUM-клавиатуры.

Комментариев нет:

Отправить комментарий