@oyshomusic

Какой type выбрать для поля или как установить ограничение на него?

Добрый день!
Есть строка для ввода цифр:
<div class="wrap-input100 validate-input" data-validate="Name is required">
					<input class="input100" type="number" min="2" max="144" name="core" required placeholder="Количество ядер (2-144 шт.)">
					<span class="focus-input100"></span>
				</div>

Мне необходимо сделать так, чтобы в неё можно было ввести значение от 2 до 144 (в моём случае работает 99999+++)
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
Seasle
@Seasle
Помог - отметь решением \( ゚ヮ゚)/
document.querySelectorAll('input[type="number"]').forEach(input => {
	input.addEventListener('input', () => {
		if (input.value !== '') {
			const min = input.min !== '' ? Number(input.min) : -Infinity;
			const max = input.max !== '' ? Number(input.max) : Infinity;
			const value = Number(input.value);
			
			input.value = Math.max(min, Math.min(value, max));
		}
	});
});

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы