Problem mit Formular

[rzscout]

Auch wenn der Post etwas älter ist. Mir ist aufgefallen, dass du const verwendest. Dieser Wert kann nicht überschrieben werden. Deklariere die Variablen mit var.


Ich habe hier mal ein eigenes Beispiel angelegt. Vielleicht hilft der Code weiter.

Code:

'use strict';
var vorname, vornameInput, nachname, nachnameInput, geburtstdatum, geburtsdatumInput, about, aboutInput, speicherButton, ausgabe;
document.addEventListener('DOMContentLoaded', () => {
    speicherButton = document.getElementById('enter-button');
    vornameInput = document.getElementById('Vorname-Input');
    nachnameInput = document.getElementById('Nachname-input');
    geburtsdatumInput = document.getElementById('Geburtsdatum-input');
    aboutInput = document.getElementById('uebermich-input');
    ausgabe = document.getElementById('ausgabe');
    speicherbutton.addEventListener('click', validiere);
});
function validiere() {
    vorname = vornameInput.value;
    nachname = nachnameInput.value;
    geburtsdatum = geburtsdatumInput.value;
    let errorCount = 0;
    let errorMessages = [];
    if(vorname=='' || vorname==null || vorname.length<1) {
        errorCount++;
        errorMessages = errorMessages.push('Die Eingabe des Vornamens war leider fehlerhaft');
    }
    if(nachname=='' || nachname==null || nachname.length<1) {
        errorCount++;
        errorMessages = errorMessages.push('Die Eingabe des Nachnamens war leider fehlerhaft');
    }
    if(about=='' || about==null || about.length<1) {
        errorMessages = errorMessages.push('Die Eingabe Über mich war leider fehlerhaft');
        errorCount++;
    }
    geburtsdatum = Date.parse(geburtsdatum);
    if(!isNan(geburtsdatum)) {
        errorCount++;
        errorMessages = errorMessages.push('Die Eingabe des Datums war leider fehlerhaft');
    }
    if(errCount<1) {
        macheIrgendetwas();

    } else {
        errorMessages.forEach((currentValue) => {            
            let elem = document.createElement('p');
            elem.textContent = currentValue;
            ausgabe.appendChild(elem);
        });
    }    
}