Obsługa błędów walidacji w actions
Zwracaj błędy walidacji i ponownie wypełniaj pola formularza za pomocą fail() i ActionData.
Obsługa błędów walidacji w actions to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Pomocnik fail
Użyj funkcji fail(), aby zwrócić błędy walidacji z kodem innym niż 2xx bez zgłaszania wyjątku.
import { fail } from "@sveltejs/kit";
if (!email) return fail(400, { email, missing: true });Kod statusu
Pierwszy argument to status HTTP (zwykle 400 w przypadku walidacji).
Ładunek błędu
Drugi argument to dane odsyłane do strony. Dołącz dane wprowadzone przez użytkownika, aby ponownie wypełnić formularz.
Odczyt na stronie
Strona otrzymuje właściwość form zawierającą wynik akcji.
<script>
export let form;
</script>
{#if form?.missing}<p>Please enter an email.</p>{/if}Ponowne wypełnianie pól
Przekaż przesłaną wartość z powrotem za pomocą fail i wstępnie wypełnij pola, aby uniknąć ponownego wpisywania danych.
<input name="email" value={form?.email ?? ""} />Błędy poszczególnych pól
Używaj osobnych kluczy błędów dla poszczególnych pól, aby uzyskać szczegółowy interfejs.
return fail(400, { errors: { email: "Invalid" } });Połączenie z walidacją schematu
Używaj po stronie serwera bibliotek takich jak Zod lub Valibot do bezpiecznego typowania parsowania danych.
Unikanie zgłaszania błędów walidacji
Zgłaszanie wyjątków prowadzi do stron błędów, natomiast fail pozostawia użytkownika w formularzu.
Reset formularza po pomyślnym wykonaniu
Po pomyślnym wykonaniu wyczyść stan formularza, zwracając puste wartości lub przekierowując użytkownika.
Używanie z use:enhance
Właściwość form aktualizuje się bez przeładowania dzięki enhance.
Dostępność
Ogłaszaj błędy za pomocą aria-live, aby czytniki ekranu mogły je odczytać.
Szybkie sprawdzenie
Co zwraca fail()?
Podsumowanie
Używaj fail() w przypadku błędów walidacji. Strona odczytuje je z właściwości form, aby wyświetlić użytkownikowi czytelny komunikat.
Często zadawane pytania
Czy lekcja „Obsługa błędów walidacji w actions” jest bezpłatna?
Tak — pełny tekst „Obsługa błędów walidacji w actions” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Obsługa błędów walidacji w actions”?
Zwracaj błędy walidacji i ponownie wypełniaj pola formularza za pomocą fail() i ActionData. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „Obsługa błędów walidacji w actions”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- +page.server.js z actions
- Dyrektywa use:enhance
- Progresywne ulepszanie formularzy
- Obsługa błędów walidacji w actions