sichtbare inputs finden

[mike64]

Hallo

ich hänge gerade bei einer Validierung von Eingaben in einem Modalfenster fest

Darin gibt es mehrere DIVs, die je nach Bedarf Input Felder ein und ausblenden.

Beim Verlassen rufe ich mit:

Code:

    var inputs = document.getElementsByTagName("input");

alle inputs des Modals auf.
Da sind aber auch die von den DIVs ausgeblendeten Felder mit drin, die ich hier gar nicht haben möchte.

Dann kommt eine Validitätsprüfung vereinfacht so dargestellt:

Code:

for (var i = 0; i < inputs.length; i++)
        {
          if ((inputs[i].  S I C H T B A R) && (!inputs[i].reportValidity()))
          {
            valid=false;
          }
                }

Jetzt finde ich nach langem Suchen keine Filtermöglichkeit auf die tatsächlich sichtbaren Inputs.
Ansonsten funktioniert das einwandfrei.

Kann jemand helfen?

[Sempervivum]

Hier ist document.querySelectorAll dein Freund. Am einfachsten ist es, wenn Du die Sichtbarkeit der Divs über eine Klasse steuerst, z. B. "visi", die Du setzt und zum Verbergen löschst. Dann bekommst Du die sichtbaren Inputs so:

Code:

visibleInputs = document.querySelectorAll('div.visi input');

[mike64]

Habs geändert und bin begeistert, das funktioniert

Vielen Dank!