+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: sichtbare inputs finden (/showthread.php?tid=2727)
sichtbare inputs finden - mike64 - 15.01.2024
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?
RE: sichtbare inputs finden - Sempervivum - 15.01.2024
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');RE: sichtbare inputs finden - mike64 - 15.01.2024
Habs geändert und bin begeistert, das funktioniert
Vielen Dank!