Formular

/* Stil f├╝r die Anzeige des Buttons */
#bestaetigen-btn {
display: none;
}

Formular

// Funktion, um zu ├╝berpr├╝fen, ob alle Felder ausgef├╝llt sind
function checkForm() {
var form = document.getElementById(“meinFormular”);
if (form.checkValidity()) {
document.getElementById(“bestaetigen-btn”).style.display = “block”;
} else {
document.getElementById(“bestaetigen-btn”).style.display = “none”;
}
}

// Event-Listener f├╝r die ├ťberpr├╝fung, wenn sich die Eingaben ├Ąndern
document.getElementById(“meinFormular”).addEventListener(“input”, checkForm);

// Event-Listener f├╝r den Klick auf den Best├Ątigen-Button
document.getElementById(“bestaetigen-btn”).addEventListener(“click”, function() {
var vorname = document.getElementById(“vorname”).value;
var nachname = document.getElementById(“nachname”).value;
var geburtsdatum = document.getElementById(“geburtsdatum”).value;
var zustimmung = document.getElementById(“zustimmung”).checked;

// Hier kannst du die Daten verarbeiten, z.B. eine Datei herunterladen
// und eine E-Mail senden
// F├╝r diesen Beispielcode wird die Mail-Funktionalit├Ąt nicht implementiert

// Beispiel f├╝r den Versand einer E-Mail mit den Daten an eine Adresse
var mailBody = “Vorname: ” + vorname + “\n” +
“Nachname: ” + nachname + “\n” +
“Geburtsdatum: ” + geburtsdatum + “\n” +
“Zustimmung: ” + (zustimmung ? “Ja” : “Nein”);

// ├ľffne den E-Mail-Versand mit vorbereitetem Inhalt
window.location.href = “mailto:c.wolf@wahl-firmengruppe.de?subject=Formular&body=” + encodeURIComponent(mailBody);
});