angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2026-08-04 19:15:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

angestospelt: Fix email display in form success message

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
sites/angestoepselt/kontakt/fertig.md
View file

@ -32,16 +32,19 @@ extraStylesheets: ['finish']
**Vielen Dank**&emsp;&mdash;&emsp; **Vielen Dank**&emsp;&mdash;&emsp;
Wir haben deine Anfrage erhalten und melden uns bei dir. 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. 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> <script>
(() => { (() => {
const payload = new URLSearchParams(location.hash.replace(/^#/, "")); const payload = new URLSearchParams(location.hash.replace(/^#/, ""));
const email = payload.get("email"); const email = payload.get("email");
if (email) if (email) {
document.getElementById("email-hint").innerText = `Kontrolliere auch, ob du die richtige E-Mail-Addrresse angegeben hast: ${email}.`; const emailElement = document.createElement("strong");
emailElement.innerText = email;
document.getElementById("thanks").append(" Diese geht an: ", emailElement, ".");
}
})(); })();
</script> </script>

14
sites/coderdojo/kontakt/fertig.md
View file

@ -31,4 +31,16 @@ extraStylesheets: ['finish']
</svg> </svg>
**Vielen Dank**&emsp;&mdash;&emsp; **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>