JavaScript для (вставки!) Только чисел в текстовом поле

Question

Я использую этот скрипт , чтобы иметь текстовое поле только с числами, и оно работает просто отлично, только мои пользователи не могут набрать номер, и, так как мне нужно 7+ цифр, я думаю, многолюди будут использовать копировальную пасту.

Я видел некоторые решения, использующие jquery, но швы для меня слишком тяжелые, и может быть какое-то легкое элегантное решение, которое позволяет вставлять?

Answer 1

Вы можете использовать тип number, представленный в HTML5:

<input type="number" min="0" max="9999999">

Он не поддерживается везде, но вы можете добавить запасной вариант для IE с помощью события input.onpropertychange и проверить наличие window.event.propertyName == 'value' внутриобработчик для прослушивания любых изменений в поле ввода.

Для других браузеров вы можете попробовать событие "input".Или просто подтвердите и измените значение blur, чтобы оно было более приятным для пользователя.

Как уже упоминали другие, считается плохой практикой делать это в качестве пользовательских типов.Атрибут number добавляет довольно приличный способ справиться с этим самостоятельно.