Персональный блог
JS - только цифры в поле ввода
Задача ограничить ввод в поле только цифрами настолько распространена, что перечислять все места применения нет
никакого, а выполняется эта задача простейшим скриптом, которым я и решил поделиться в этот раз.
Скрипт очень короткий поэтому я решил не выкладывать его в виде архива на своем сайте. Но зато решил выложить его прямо в статье и разумеется на CodePen и Gist
Скрипт
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('input[numbers-only]').forEach(function (input) {
input.addEventListener('input', function () {
input.value = input.value.replace(/[^.\d]+/g, '').replace(/^([^.]*\.)|\./g, '$1');
});
});
});Использование
Добавлением к элементу input дата атрбут numbers-only
Пример
<input type="text" numbers-only>
Дата публикции:
07.04.2017
Дата обновления:
11.02.2021
