Notice: Trying to get property 'params' of non-object in /var/www/blog/data/www/septdir.ru/templates/yootheme_septdir/templates/header.php on line 22
Игорь «Septdir» Бердичевский
Игорь «Septdir» Бердичевский
Персональный блог

JS - только цифры в поле ввода

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

Copyright © Игорь «Septdir» Бердичевский 2013-2021
Development by Septdir Workshop