angestospelt: Fix email display in form success message

This should immediately surface typos when entering an email address in
any form.

Closes: #202
Reviewed-on: https://codeberg.org/angestoepselt/homepage/pulls/217
Reviewed-by: Yannik Rödel <hey@yannik.info>
This commit is contained in:
Psycho 2026-05-02 09:10:58 +02:00 committed by Yannik Rödel
parent 2326a49fc9
commit 5833daefd5
2 changed files with 20 additions and 5 deletions

View file

@ -32,16 +32,19 @@ extraStylesheets: ['finish']
**Vielen Dank**&emsp;&mdash;&emsp;
Wir haben deine Anfrage erhalten und melden uns bei dir.
Du erhältst in Kürze eine Bestätigung per E-Mail.
Du erhältst in Kürze eine Bestätigung per E-Mail. {id=thanks}
Falls du _keine E-Mail_ bekommst, prüfe bitte deinen Spam-Ordner.
<span id="email-hint"></span>
Sollte bei der Eingabe der E-Mail-Adresse ein Fehler passiert sein, melde dich bitte bei uns.
<script>
(() => {
const payload = new URLSearchParams(location.hash.replace(/^#/, ""));
const email = payload.get("email");
if (email)
document.getElementById("email-hint").innerText = `Kontrolliere auch, ob du die richtige E-Mail-Addrresse angegeben hast: ${email}.`;
if (email) {
const emailElement = document.createElement("strong");
emailElement.innerText = email;
document.getElementById("thanks").append(" Diese geht an: ", emailElement, ".");
}
})();
</script>

View file

@ -31,4 +31,16 @@ extraStylesheets: ['finish']
</svg>
**Vielen Dank**&emsp;&mdash;&emsp;
Wir haben deine Anfrage erfolgreich erhalten.
Wir haben deine Anfrage erfolgreich erhalten. {id=thanks}
<script>
(() => {
const payload = new URLSearchParams(location.hash.replace(/^#/, ""));
const email = payload.get("email");
if (email) {
const emailElement = document.createElement("strong");
emailElement.innerText = email;
document.getElementById("thanks").append(" Wir melden uns bei dir per E-Mail: ", emailElement, ".");
}
})();
</script>