squadbrodyaga
@squadbrodyaga

Как настроить ввод данных в Input?

1. Как с помощью JavaScript сделать так, чтобы при достижении определённого количества символов в input (например после 8) включились определённые CSS стили.

2. Как запретить ввод таких символов как !@#№$;%:^&?*() и так далее?
  • Вопрос задан
  • 122 просмотра
Решения вопроса 3
wapster92
@wapster92 Куратор тега JavaScript

Второе хз, так и не добрался до регулярок
Ответ написан
Alexandre888
@Alexandre888
Javascript-разработчик
2. Можете еще подсказать как запретить ввод таких символов как !@#№$;%:^&?*() и так далее?

например, так:
HTML:
<input type="text">
jQuery:

$("input").on('keyup', function() {
  let value = $(this).val();
  $(this).val(value.replace("!", '')); // заменит ! на пустоту
});
Ответ написан
Spartak-2205
@Spartak-2205
Разработка и создание сайтов
HTML
<input class="class1" type="text" name="test" value="">


CSS
.class1 {
	background: white;
}
.class2 {
	background: red;
}


JS
document.querySelector('input').addEventListener('input', function() {
	this.value = this.value.replace(/[!@#№$;%:^&?*()]/, '');
	if (this.value.length >= 8) {
		this.classList.add('class2');
	} else {
		this.classList.remove('class2');
	} 
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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