Hallo, ich mache eine Kontaktformular, wenn man einen neuen Kontakt anlegt soll der Speichern Button aber nur auf die Startseite zurückverlinken wenn alle Felder korrekt ausgefüllt sind. Im Moment wird mir nur eine Fehlermeldung mit Window Alert angezeigt, aber dann trotzdem auf die Startseite zurückgeleitet.
Wie bekomme ich das hin, dass man bei einer Fehlermeldung auf der Seite bleibt?
Button
Wie bekomme ich das hin, dass man bei einer Fehlermeldung auf der Seite bleibt?
Code:
function kontaktSpeichern() {
var kontakt = new Kontakt();
kontakt.name = document.querySelector("#nameID").value;
kontakt.email = document.querySelector("#emailID").value;
kontakt.plz = document.querySelector("#plzID").value;
kontakt.ort = document.querySelector("#ortID").value;
kontakt.strasse = document.querySelector("#strasseID").value;
try {
kontakt.pruefe();
}
catch(err) {
window.alert(err.message);
}
Button
Code:
<a href="SuchDialog.html"><input class="button" type="submit" value="speichern" onclick="kontaktSpeichern()"></a>
Code:
pruefe() {
if (this.name.trim() === "") {
throw new Error("Der Name darf nicht leer sein!");
} else if (this.email.trim() === "") {
throw new Error("Die E-Mail-Adresse darf nicht leer sein!");
} else if (this.plz.trim() === "") {
throw new Error("Die Postleitzahl darf nicht leer sein!");
} else if (this.ort.trim() === "") {
throw new Error("Der Ort darf nicht leer sein!");
} else if (this.strasse.trim() === "") {
throw new Error("Die Strasse darf nicht leer sein!");
} else {
if (this.plz != parseInt(this.plz) || this.plz <= 0) {
throw new Error("Die Postleitzahl muss eine Zahl > 0 sein!");
} else if (!this.validateEmail(this.email)) {
throw new Error("Die E-Mail-Adresse besitzt kein gültiges Format!");
}
}
}