Formulare verarbeiten

Mit JavaScript können wir den Inhalt von Formularen auslesen und vor der Verarbeitung der Daten validieren.

Ist ein Feld gefüllt?

Wir können etwa prüfen, ob der Benutzer einen Wert in ein Formularfeld eingetragen hat, das wir als Pflichtfeld ansehen. Nehmen wir als Beispiel den Titel einer neuen Aufgabe: Wenn dieser nicht vergeben wurde, so soll die Anwendung keine leere Aufgabe erstellen, sondern den Benutzer freundlich darauf hinweisen:

function checkInputTaskTitle() {

    let inputTaskTitle = document.getElementById("inputTaskTitle");
    let taskTitle = inputTaskTitle.value;
    
    // If the input field contains nothing (empty string)
    if(taskTitle == "") {
        // Warn the uswer
    } else {
        // Proceed with adding the task to the list
    }
}