JavaScript soll kontrollieren: Sind Felder ausgefüllt?

Im einfachsten Fall brauchst du gar kein JavaScript. Das required-Attribut kann völlig ausreichen, um ein Feld als erforderlich zu kennzeichnen.

<form name="form">
  <input required>
  <button>Send</button>
</form>

Um aber dennoch ein Beispiel mit JavaScript zu zeigen:

<form name="form">
  <input required
  <button>Send</button>
</form>
<script>
  document.forms["form"].addEventListener("submit", e => {
    const fields = document.forms["form"].elements;
  
    for (const field of fields) {
      if (!field.checkValidity()) {
        e.preventDefault();
        return;
      }
    }
  });
</script>

Hier wird das submit-Event des Formulars abgefangen. Die Funktion durchläuft alle Felder und prüft, ob sie valid sind. Dies konzentriert sich erneut darauf, ob ein required-Attribut gesetzt wurde oder nicht.

Wenn man kein required-Attribut setzen möchte, könnte man ebenso den Wert auf diese Weise prüfen:

if (!field.value.length) {
  // empty ...
}
else {
  // ...
}

Ganz einfach, wenn ein Feld nicht ausgefüllt ist, dann ist es leer.

Um also etwa den Fall abzufangen, dass ein oder mehrere Felder nicht ausgefüllt wurden, dann baust du für jedes Feld eine Bedingung ein wie

if xy = "" then [...]

Vorher soll natürlich die Variable xy mit dem Inhalt des ausgewählten Feldes belegt werden. "" ist ein String der Länge 0 und damit der Inhalt eines "leeren" Textfeldes.