Как запретить ввод букв в инпут?

Question

[olya_097]

Как запретить ввод букв в инпут?
без type="number"

Comments

[edward_freedom]

type="number" - отлично с этим справляется

[Андрей Федоров]

Нужно чтобы буквы в принципе нельзя был ввести или можно ввести, но после ввода сообщалось, что это ошибка?

[Александр]

htmlbook.ru/html/input/readonly

[olya_097]

Андрей Федоров, впринципе нельзя было ввести

Answer 1

[Андрей Федоров]

В принципе вам уже ответили, но вдруг кто у кого нет jq в проекте

<input type="text" onkeyup="this.value = this.value.replace(/[^\d]/g,'');">

Comments

[olya_097]

Андрей Федоров, спасибо!

Answer 2

[DanKud]

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

$('.text').on('input', function() {
    $(this).val($(this).val().replace(/[A-Za-zА-Яа-яЁё]/, ''))
});

Comments

[olya_097]

DanKud , спасибо огромное!

[olya_097]

DanKud, извиняюсь
а можете сказать для чего дважды используем val?

[DanKud]

olya_097, во втором случае получаем текущее значение value из input и удаляем в нем буквы. В первом случае соответственно устанавливаем измененное значение в value. Проще говоря один метод .val() используем для получения значения, а второй для установки нового значения.

[olya_097]

DanKud, спасибо)

Answer 3

[Дмитрий Комчев]

Валидация input - найдёте для себя необходимый способ запрета ввода букв с помощью HTML или с помощью JavaScript'а.

Answer 4

[profesor08]

Не надо ничего выдумывать, уже придумали

https://www.w3schools.com/tags/att_input_pattern.asp

Comments

[Андрей Федоров]

Тут задача другая. Ваш способ ее не решает, потому что не запрещает вводить, а уже после ввода сообщает, что поле заполнено не в соответствии с шаблоном.

[profesor08]

Андрей Федоров, значит комбинируй оба, ели твой код сломается, паттерн продолжит работу.

[profesor08]

Андрей Федоров, можно пойти еще дальше, и сделать совсем удобно
https://webdesign.tutsplus.com/tutorials/html5-for...

И подобный подход настолько удобен, что фильтрация ввода становится лишней. При том, что пользователь будет полностью осведомлен о том, что ему надо делать. Это самое главное.