javascript / expert
Snippet
Schema-gesteuerte Formulare mit integrierter Statusvalidierung
Experten-Formularmanagement beinhaltet das Einbetten der Validierungslogik direkt in den $state-Proxy. Durch die Verwendung eines Getters für 'isValid' berechnet Svelte die Gültigkeit des Formulars automatisch neu, sobald die Eigenschaft 'email' geändert wird, was ein verzögerungsfreies Feedback garantiert.
snippet.js
1
2
3
4
5
6
const form = $state({email: '',get isValid() {return /\S+@\S+\.\S+/.test(this.email);}});
svelte
Erklärung
1
const form = $state({ ... });
Erstellt ein reaktives Objekt für Formulardaten.
2
get isValid() { ... }
Definiert eine abgeleitete Eigenschaft, die automatisch auf Änderungen der Abhängigkeiten reagiert.
3
this.email
Der Getter verfolgt diese Abhängigkeit automatisch über das Proxy-System von Svelte.