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

Question

[Айнур Ярулин]

Функция проверяет правильность ввода данных в поле 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

Answer 1

[Pashok Doom]

Как вариант:
Если количество верных полей равно общему количеству полей - тогда кнопка активна. И такую проверку после любого взаимодействия с полями

Comments

[Айнур Ярулин]

я пока слабо представляю как сделать такой код)

[Pashok Doom]

squadbrodyaga, закинь весь код куда-нибудь для наглядности

[Айнур Ярулин]

Pashok Doom, сейчас попробую

[Айнур Ярулин]

Pashok Doom, https://codepen.io/squadcoder/pen/BaKpvmG

[Pashok Doom]

squadbrodyaga, попробуй так https://jsfiddle.net/v5a0g1mk/

[Айнур Ярулин]

Pashok Doom, так я уже делал, мне просто с галочкой надо)

[Айнур Ярулин]

Pashok Doom, но спасибо, что запарился

[Pashok Doom]

допиши
input[data-error="false"] + i {opacity: 1}