Input ввод только чисел - JavaScript - Ответ 9620760

@артист · Регистрация: 17.09.2014

Author24 — интернет-сервис помощи студентам

Никак не получается сделать поле ввода цифр, чтобы туда никак нельзя было ввести/вставить спецсимволы: e + - , .
А так же чтобы нельзя было ввести число больше 86400 и меньше 1(ни вставить/ни ввести).

Вот, что нагуглил:

Javascript

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script type="text/javascript">
            window.onload = function() // Вызывается при полной загрузке страницы
            {
                document.getElementById('tb_delay').oninput = function () // Это чтобы 5 символов было
                {
                    if(this.value.length > 5) this.value = this.value.substr(0, 5)
                }
                document.getElementById('tb_delay').onkeypress = function(e) // Это только цифры
                {
                    e = e || event
 
                    if(e.ctrlKey || e.altKey || e.metaKey) return
 
                    var chr = getChar(e)
 
                    if(chr == null) return
                    if(chr < '0' || chr > '9') return false
                }
            }
        </script>
    </head>
    <body>
        <input type="number" id="tb_delay" size="5" min="1" max="86400" step="60" value="1">
    </body>
</html>

Пробовал ещё в input такое вставлять: pattern="[0-9]{5}" - не работает...
В итоге:
Начинаем вводить символы - ошибка: не известная функция getChar
5 символов перестают работать, когда начинаешь вводить не цифры.

Подскажите пожалуйста, как реализовать задуманное?

П.с. вот там 2 функции, одна при изменении вызывается, вторая при вводе, их же можно объединить?

Добавлено через 20 минут
О, не заметил, там где код брал, там и функция getChar

Javascript

function getChar(event)
{
    if(event.which == null) // IE
    {
        if(event.keyCode < 32) return null; // спец. символ
        return String.fromCharCode(event.keyCode)
    }
    if(event.which != 0 && event.charCode != 0) // все кроме IE
    {
        if(event.which < 32) return null; // спец. символ
        return String.fromCharCode(event.which); // остальные
    }
    return null; // спец. символ
}

Правда сдаётся мне, она хоть и расписана как универсальная, но работать будет неправильно.

Клавиша Firefox Остальные браузеры
; 59 186
= 107 187
- 109 188

Гугл Хром:

; 186
= 187
- 189

Добавлено через 4 минуты
Не работает, функция то правда работает, а вот символы я вставил при помощи CTRL + V...

Вернуться к обсуждению:
Input ввод только чисел JavaScript

Следующий ответ