Hoqus
@Hoqus

Как проверить заполнены ли инпуты с одинаковым классом с помощью js?

Привет, не могу найти простое решение задачки где есть 4 разных инпута: имя, фамилия, мейл, телефон, все с атрибутом required и одинаковым классом. Есть 2 модалки, одна должна вылазить при заполненых полях, а другая при не заполненных.
Пол дня уже пробую всяко разно, но нужный результат так и не получился =(
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Samogon4ik
Вроде бы человек
infoInputs = document.querySelectorAll(".input-class") // Получем все input через класс
for(var i=0; i < Object.keys(infoInputs).length; i++) { // Задаем цикл, чтобы проверить всех
    if(infoInputs[i].value.length != 0) { // если длина значения не равна нулю
        fulledInputs += 1 // прибавляем что этот инпут заполнен
    }
if (fulledInputs < 4) { // если заполненых инпутов меньше 4
    console.log(false) // выводим false
} else { // в других случаях
    console.log(true) // выводим true
}
Ответ написан
0xD34F
@0xD34F Куратор тега JavaScript
const allNotEmpty = Array
  .from(document.querySelectorAll('селектор инпутов'))
  .every(n => n.value);
Ответ написан
Ваш ответ на вопрос

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

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