javascript / beginner
Snippet
Validierung von Formulareingaben mit Fallback-Fehlermeldungen
Eine grundlegende Eingabevalidierung prüft Benutzereingaben anhand von Kriterien und aktualisiert einen Fehlerzustand für sofortiges visuelles Feedback vor dem Absenden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>let email = '';let errorMessage = '';function validateEmail() {if (!email.includes('@')) {errorMessage = 'Please enter a valid email address.';} else {errorMessage = '';}}</script><input bind:value={email} on:blur={validateEmail} placeholder="Enter email" />{#if errorMessage}<p class="error">{errorMessage}</p>{/if}
svelte
Erklärung
1
if (!email.includes('@')) {
Prüft, ob die Zeichenkette kein '@'-Zeichen enthält.
2
errorMessage = 'Please enter a valid email address.';
Setzt die Fehlermeldung, wenn die Validierungsbedingung fehlschlägt.
3
{#if errorMessage}
Zeigt den Fehlerabsatz nur dann bedingt an, wenn ein Fehlertext vorhanden ist.