Перейти к содержимому

Как запретить ввод цифр js

  • автор:

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

edward_freedom

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

olya_097 @olya_097 Автор вопроса
Андрей Федоров, впринципе нельзя было ввести
Решения вопроса 2

aliencash

В принципе вам уже ответили, но вдруг кто у кого нет jq в проекте
Ответ написан более трёх лет назад
Нравится 13 1 комментарий
olya_097 @olya_097 Автор вопроса

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

Ответ написан более трёх лет назад
Нравится 2 4 комментария
olya_097 @olya_097 Автор вопроса
DanKud , спасибо огромное!
olya_097 @olya_097 Автор вопроса
DanKud, извиняюсь
а можете сказать для чего дважды используем val?

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

Javascript запрещаем ввод не нужных символов для INPUT

Приведу мальенький скрипт который вешается на id INPUT, и запрещает производить ввод и вставку текста в форму.

Разрешаем вводить только цифры:

В примере выше, мы указываем скрипту что в INPUT с ID data_rozhdeniya_91, нам нужно запретить ввод всех знаков кроме цифр

Вариант номер 2 на чистом JS:

Как запретить ввод в поле input всего кроме цифр Leave a comment

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

  • Использовать поле input с типом number (это решение не всегда удобно)
  • Использовать JavaScript или библиотеку jQuery к нему

Итак ниже код простой функции которая разрешит ввод в поле input только цифры:

Запрещаем ввод любых символов кроме цифр в input

Очень часто для полей нужно запретить ввод любых символов кроме цифр. Это мы сейчас и сделаем при помощи библиотеки jQuery.

После того, как вы подключите jQuery, используйте такой код:

$(function() < $(document).on("change keyup input click", "input[type='text']", function() < if(this.value.match(/[^0-9]/g))< this.value = this.value.replace(/[^0-9]/g, ""); >; >); >);

Здесь мы на события change , keyup , input и click вешаем проверку по регулярному выражению. Таким образом, при любом действии над input пользователь сможет ввести в поле только цифры.

3.67 6 голосов

Материалы по теме

9 февраля 2020 18:30:24

Рассмотрим два варианта как можно при помощи CSS обрезать длинный однострочный или многострочный текст.

13 июля 2018 15:23:52

При разработке лендингов (Landing Page) довольно часто можно увидеть плавный скролл (прокрутку) к блокам или элементам страницы. Так же, практически на любом сайте можно встретить зафиксированную на странице кнопочку, при клике на которую пользователь быстро возвращается в начало страницы. Сейчас мы и рассмотрим как делаются такие навороты.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *