Peningkatan Berperingkat untuk Borang
Reka bentuk borang yang berfungsi tanpa JavaScript dan bertambah baik secara lancar dengannya.
Peningkatan Berperingkat untuk Borang ialah pelajaran Sveltejs Academy percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Sveltejs Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Sveltejs Academy merangkumi sejumlah 4 pelajaran.
Maksud PE
Peningkatan progresif bermaksud membina pengalaman asas yang berfungsi untuk semua orang, kemudian menambah baiknya secara berperingkat.
Asas Tanpa JS
Borang HTML dengan method=POST berfungsi tanpa JavaScript. SvelteKit mengendalikannya pada pelayan.
Dengan Lapisan JS
Tambahkan use:enhance untuk penghantaran pada klien tanpa muat semula penuh.
Sahkan pada Pelayan
Sentiasa sahkan pada pelayan. Pengesahan klien hanya untuk pengalaman pengguna.
Elakkan e.preventDefault
Biarkan enhance milik SvelteKit mengendalikan preventDefault. Pengendalian manual menggagalkan laluan tanpa JS.
Penunjuk Pemuatan
Paparkan penunjuk pemuatan semasa penghantaran melalui fetch; sembunyikannya serta-merta apabila respons diterima.
Pengalaman Pengguna yang Tahan Lasak
Jika JS gagal dimuatkan, borang anda masih berfungsi. Pengguna pada rangkaian perlahan turut mendapat manfaat.
Kebolehcapaian
Gunakan label yang betul dan kawasan aria-live untuk mengumumkan ralat.
Lapisan Pengesahan Borang
Atribut HTML5 (required, type, pattern) menyediakan pengesahan pada klien secara percuma.
<input type="email" required minlength="3" />Kepercayaan terhadap Pelayan
Jangan sesekali mempercayai pengesahan klien. Semak semula pada pelayan sebelum menyimpan data.
Contoh Dunia Sebenar
Borang log masuk hendaklah mengesahkan pengguna melalui POST. Jika JS aktif, gunakan enhance untuk pengalaman yang lancar. Jika tidak, penghantaran penuh masih berfungsi.
Semakan Pantas
Mengapakah pengesahan perlu dilakukan pada pelayan?
Ringkasan
Bina borang yang berfungsi tanpa JS, kemudian tingkatkannya dengan use:enhance. Sentiasa lakukan pengesahan pada pelayan.
Pelajari HTML dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Soalan Lazim
Adakah pelajaran “Peningkatan Berperingkat untuk Borang” percuma?
Ya — teks penuh “Peningkatan Berperingkat untuk Borang” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Sveltejs Academy, tingkat taraf kepada CoddyKit PRO. Kursus Sveltejs Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Peningkatan Berperingkat untuk Borang”?
Reka bentuk borang yang berfungsi tanpa JavaScript dan bertambah baik secara lancar dengannya. Anda berlatih Sveltejs Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Sveltejs Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Sveltejs Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.
Berapa lamakah pelajaran “Peningkatan Berperingkat untuk Borang” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- +page.server.js dengan Tindakan
- Arahan use:enhance
- Peningkatan Berperingkat untuk Borang
- Mengendalikan Ralat Pengesahan dalam Tindakan