Как запретить ввод цифр js
Перейти к содержимому

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

  • автор:

Курсы javascript

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

Буду благодарен за пример.

28.09.2017, 17:39
Регистрация: 01.12.2016
Сообщений: 3,650

    Document       

28.09.2017, 17:45
Регистрация: 01.12.2016
Сообщений: 3,650

вот самое простое решение

28.09.2017, 17:48
Регистрация: 01.12.2016
Сообщений: 3,650

Встроенное в инпут

28.09.2017, 18:10
Регистрация: 27.05.2010
Сообщений: 33,072
j0hnik,
лучше с проверкой , чтоб не перезаписывать, если нет \D или это лишнее?
Последний раз редактировалось рони, 28.09.2017 в 18:12 .
28.09.2017, 20:29
Регистрация: 01.12.2016
Сообщений: 3,650
Рони, в целях производительности?
28.09.2017, 20:43
Регистрация: 27.05.2010
Сообщений: 33,072

j0hnik,
да , и курсор как-то вернуть на место после замены, может нужно . но наверно нет смысла, середину числа если неправильно начать вводить курсор скакнёт в конец и что делать с точкой, если потребуется?

28.09.2017, 21:42
Регистрация: 01.12.2016
Сообщений: 3,650

Рони, в производительности не выиграем ) а на счет точки, вопрос к автору, если нужна, добавить не проблема

Запрещаем ввод любых символов кроме цифр в 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 голосов

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

11 декабря 2018 21:59:49

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

24 февраля 2018 15:04:00

Атрибут placeholder используется в полях форм и представляет собой некую подсказку для пользователей. Иногда приходится стилизовать эту подсказку под дизайн сайта, поэтому в этой статье мы рассмотрим самый простой и самый удобный способ стилизации placeholder с использованием только CSS.

Как запретить ввод значения в javascript больше чем n число?

WblCHA

document.getElementById(«first») всего лишь 3 раза вызывается. Считаю это недопустимым, надо минимум раз 5-6, а лучше 10.

Privetiq

WbICHA, Вы можете оптимизировать код и сделать лучше, конечно же) Но данный код работает (на фронте как минимум) а дальше дело вкуса как оформить, оптимизировать))) Вам же нужно решение или как?)

WblCHA

Nikita Undefined, могу, но мне лень. Я если и пишу код (особенно, когда кому-то помогаю), то предпочитаю писать его качественно, а не тяп-ляп.

Anonimmus @Anonimmus Автор вопроса

Nikita Undefined, 4 статичные формы на сайте всего лишь. Благодарю за развернутый ответ и пример на codePen. Прям то что нужно, спасибо.

Anonimmus @Anonimmus Автор вопроса
WbICHA, ну тебе жеж лень, че воздух то сотрясать. и ведь доказывать не лень

WblCHA

Anonimmus, конечно нет, или ты думаешь зачем я тут сижу?
Я редко помагаю тем, кто полный ноль в языке и не способен в гугление.

WblCHA

Bavashi, хаха, от тебя это слышать вдвойне забавно.)
Можешь не отвечать, я не хочу в очередной раз «вести деловую переписку» с тобой, которую потом всё равно удалят.

Anonimmus @Anonimmus Автор вопроса
WbICHA, да все с тобой ясно — балабол,лентяй. Одни понты

WblCHA

Anonimmus, ну да, я захожу сюда своё ЧСВ потешить, как и 99% активных пользователей подобных ресурсов.
Добро пожаловать в реальный мир.

Ответы на вопрос 2
Делай добро и бросай его в воду.

В момент ввода (то есть сразу после ввода) проверять: если два инпута, то лимит 50, иначе 100.

Момент ввода, как вам уже объяснили в комментах к вопросу, можно поймать событием. А дальше к этому моменту можно прикрутить любую логику.

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать

Tim-A-2020

более гибкий вариант. Не совсем вас понял и поэтому 2 варианта накидал

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

javascript

  • JavaScript
  • +1 ещё

Как текущий баланс пользователя вытащить через API в ISPmanager / BILLmanager?

  • 1 подписчик
  • час назад
  • 40 просмотров

Запрет и разрешение ввода цыфр и других символов в поле input

Запрет и разрешение ввода цыфр и других символов в поле input

Самая распространенная проверка осуществляется за счет регулярных выражений (конечно только через него). Вывожу пример как можно сделать проверки на набор возможных символов. Это как пример или дополнительная подсказка вывода проверок для разработчика.

Особенно вам возможно придется установить такие проверки для магазина на prestashop, где выводятся поля для ввода адреса.

Ниже привожу примеры с выводом проверок в javascript c применением jquery.

Можно вводить только цыфры:

Можно вводить только буквы:

Можно вводить только цыфры и буквы и точку:

Можно вводить все кроме номера №:

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

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