squadbrodyaga
@squadbrodyaga

Как активировать функцию, если активированы все остальные?

Функция проверяет правильность ввода данных в поле Input и, если всё хорошо, появляется зелёная галочка. Таких полей у меня 3.

Мне нужно сделать так, чтобы при достижении 3 галочек button становился enabled

HTML
spoiler

Таких полей 3
<div>
	<input id="username" type="text" placeholder="Имя пользователя">
	<i id="check_user" class="fas fa-check"></i>
</div>



JAVASCRIPT
spoiler

Таких функций тоже 3
function email(){
	if(mail.value !==''){
		$('#check_mail').css('opacity', '1');
	} else {
		$('#check_mail').css('opacity', '0');
	}
}


https://codepen.io/squadcoder/pen/BaKpvmG
  • Вопрос задан
  • 145 просмотров
Решения вопроса 2
Benzin102
@Benzin102
Shitcoder
Как вариант:
Если количество верных полей равно общему количеству полей - тогда кнопка активна. И такую проверку после любого взаимодействия с полями
Ответ написан
sniggering_deus
@sniggering_deus
Dance Gavin Dance - Prisoner
Зачем изобретать велосипед, работая с таким элементом как форма, когда можно воспользоваться готовыми либами/плагинами? Тем более если используется JQuery, найти нужные инструменты вообще не проблема - их просто огромное множество. К тому же в каком-нибудь ламповом инструменте будет из коробки всё самое нужное и останется только слегка допилить, при желании. ИМХО, конечно.

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

Вариант на чистом JS:



Вот кстати ещё несколько коллекций форм: Раз , Два , Три , Четыре. Возможно в некоторых есть интересные варианты решения, которые будут полезными.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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