Выбор свойства A элемента со свойством B

Question

Описание :

Я выбираю несколько входов с помощью querySelectorAll () :

y = x[currentTab].querySelectorAll('#form input[name="fname"], #form input[name="lname"], #form input[name="dname"]');

Итерация покаждое из полей ввода возвращается querySelectorAll () и проверяет, являются ли значение fname и значение lname или значение dname пустыми:

for (i = 0; i < y.length; i++) {

    if (y[i]."fname".value == "" && y[i]."lname".value == "" || y[i]."dname".value == "") {

      y[i].className += " invalid";

      valid = false;
    }
}

Вся функция выглядит следующим образом:

function validateForm() {

  var x, y, i, valid = true;
  x = document.getElementsByClassName("tab");
  y = x[currentTab].querySelectorAll('#form input[name="fname"], #form input[name="lname"], #form input[name="dname"]');

  for (i = 0; i < y.length; i++) {

    if (y[i]."fname".value == "" && y[i]."lname".value == "" || y[i]."dname".value == "") {

      y[i].className += " invalid";

      valid = false;
    }
  }

  if (valid) {
    document.getElementsByClassName("step")[currentTab].className += " finish";
  }
  return valid;
}

Теперь в операторе if я хочу сказать: проверить значение атрибута value элементас атрибутом с именем name fname пусто .

Пример ввода:

<input type="text" class="form-control" name="fname">