Menangani Error Validasi dalam action
Kembalikan error validasi dan isi kembali bidang formulir menggunakan fail() dan ActionData.
Menangani Error Validasi dalam action adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Pembantu fail
Gunakan fail() untuk mengembalikan kesalahan validasi dengan status selain 2xx tanpa melakukan pelemparan.
import { fail } from "@sveltejs/kit";
if (!email) return fail(400, { email, missing: true });Kode Status
Argumen pertama adalah status HTTP (biasanya 400 untuk validasi).
Muatan Kesalahan
Argumen kedua adalah data yang dikirim kembali ke halaman. Sertakan input pengguna agar dapat diisi kembali.
Membaca di Halaman
Halaman menerima properti form yang berisi hasil tindakan.
<script>
export let form;
</script>
{#if form?.missing}<p>Please enter an email.</p>{/if}Mengisi Kembali Bidang
Teruskan kembali nilai yang dikirimkan melalui fail dan isi input terlebih dahulu agar pengguna tidak perlu mengetik ulang.
<input name="email" value={form?.email ?? ""} />Kesalahan Tingkat Bidang
Gunakan kunci kesalahan individual untuk setiap bidang agar antarmuka lebih terperinci.
return fail(400, { errors: { email: "Invalid" } });Menggabungkan dengan Validasi Skema
Gunakan pustaka seperti Zod atau Valibot di server untuk penguraian yang aman terhadap tipe.
Hindari Pelemparan untuk Validasi
Pelemparan mengarah ke halaman kesalahan; fail mempertahankan pengguna di formulir.
Mengatur Ulang Formulir Setelah Berhasil
Setelah berhasil, hapus status formulir dengan mengembalikan nilai kosong atau melakukan pengalihan.
Menggunakan use:enhance
Properti form diperbarui tanpa pemuatan ulang berkat enhance.
Aksesibilitas
Umumkan kesalahan dengan aria-live agar pembaca layar membacakannya.
Pemeriksaan Singkat
Apa yang dikembalikan oleh fail()?
Ringkasan
Gunakan fail() untuk kesalahan validasi. Halaman membacanya dari properti form untuk memberikan umpan balik yang jelas.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menangani Error Validasi dalam action” gratis?
Ya — teks lengkap “Menangani Error Validasi dalam action” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Menangani Error Validasi dalam action”?
Kembalikan error validasi dan isi kembali bidang formulir menggunakan fail() dan ActionData. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Menangani Error Validasi dalam action” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- +page.server.js dengan action
- Direktif use:enhance
- Peningkatan Bertahap untuk Formulir
- Menangani Error Validasi dalam action