Validierungsfehler in Actions verarbeiten
Geben Sie Validierungsfehler mit fail() und ActionData zurück und füllen Sie Formularfelder erneut aus.
Validierungsfehler in Actions verarbeiten ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Der fail-Helfer
Verwenden Sie fail(), um Validierungsfehler mit einem Status außerhalb des 2xx-Bereichs zurückzugeben, ohne eine Ausnahme auszulösen.
import { fail } from "@sveltejs/kit";
if (!email) return fail(400, { email, missing: true });Statuscode
Das erste Argument ist der HTTP-Status (bei Validierungen meist 400).
Fehlerdaten
Das zweite Argument sind Daten, die an die Seite zurückgesendet werden. Fügen Sie die Eingaben des Benutzers ein, damit die Felder erneut ausgefüllt werden können.
Auf der Seite lesen
Die Seite erhält eine form-Prop mit dem Ergebnis der Aktion.
<script>
export let form;
</script>
{#if form?.missing}<p>Please enter an email.</p>{/if}Felder erneut ausfüllen
Geben Sie den übermittelten Wert über fail zurück und füllen Sie die Eingabefelder vorab aus, damit der Benutzer nichts erneut eingeben muss.
<input name="email" value={form?.email ?? ""} />Fehler auf Feldebene
Verwenden Sie für jedes Feld einen eigenen Fehlerschlüssel, um die Benutzeroberfläche gezielt zu steuern.
return fail(400, { errors: { email: "Invalid" } });Mit Schema-Validierung kombinieren
Verwenden Sie auf dem Server Bibliotheken wie Zod oder Valibot für typsicheres Parsen.
Validierungsfehler nicht auslösen
Das Auslösen einer Ausnahme führt zu Fehlerseiten; fail belässt den Benutzer im Formular.
Formular nach Erfolg zurücksetzen
Leeren Sie nach erfolgreicher Verarbeitung den Formularzustand, indem Sie leere Werte zurückgeben oder weiterleiten.
Mit use:enhance verwenden
Dank enhance wird die form-Prop ohne Neuladen aktualisiert.
Barrierefreiheit
Kündigen Sie Fehler mit aria-live an, damit Screenreader sie vorlesen.
Kurztest
Was gibt fail() zurück?
Zusammenfassung
Verwenden Sie fail() für Validierungsfehler. Die Seite liest sie aus der form-Prop, um verständliches Feedback zu geben.
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 41
- Lektionen
- 163
Häufig gestellte Fragen
Ist die Lektion „Validierungsfehler in Actions verarbeiten“ kostenlos?
Ja — der vollständige Text von „Validierungsfehler in Actions verarbeiten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Validierungsfehler in Actions verarbeiten“?
Geben Sie Validierungsfehler mit fail() und ActionData zurück und füllen Sie Formularfelder erneut aus. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Validierungsfehler in Actions verarbeiten“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- +page.server.js mit actions
- Die use:-Direktive
- Progressive Enhancement für Formulare
- Validierungsfehler in Actions verarbeiten