Latihan 1 dari materi Form Actions SvelteKit di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Buat login dengan form action SvelteKit. Editor ini berisi tiga file, masing-masing dimulai baris yang menyebut path-nya:
src/routes/login/+page.svelte: halaman login. Sudah menampilkan form.error kalau ada.src/routes/login/+page.server.js: action default yang sudah membaca email dan password dari request.formData().src/routes/dashboard/+page.svelte: halaman sesudah login.<form method="POST"> berisi <input name="email" type="email" value={form?.email ?? ""} />, <input name="password" type="password" />, dan <button>Login</button>.password !== "rahasia123", kembalikan fail(400, { email, error: "Password salah" }). Isinya jadi form di halaman, jadi email yang sudah diketik tetap ada.redirect(303, "/dashboard").Editor ini menjalankan app-nya seperti SvelteKit: form POST mengirim isiannya ke action di +page.server.js, dan baris abu-abu di atas menunjukkan alamatnya. Server-nya gak ada sungguhan; action-nya jalan di pratinjau.
Yang dicek:
<form> dengan input email (type email), input password (type password), dan tombol.salah, sesudah Login: p.error berbunyi Password salah, dan kolom email masih berisi email yang diketik.rahasia123, sesudah Login: alamatnya jadi /dashboard.method="POST", export const actions, fail(400, dan redirect(303.
