FormsLesson 150Preview gratis
Empty Input Validation
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas cara memastikan kolom input tidak dikirim dalam keadaan kosong. Pemeriksaan dapat memanfaatkan atribut required bawaan HTML atau dilakukan manual dengan JavaScript sebelum form dikirim. Umpan balik harus jelas, menunjuk kolom yang bermasalah, dan tetap didukung validasi di server.
Poin kunci
- Atribut required memberi validasi kosong secara bawaan tanpa JavaScript tambahan
- Gunakan trim() agar input yang hanya berisi spasi dianggap kosong
- Tandai kolom bermasalah dengan aria-invalid dan tampilkan pesan yang terhubung ke input
- Hentikan pengiriman form dengan preventDefault hanya ketika data benar-benar tidak valid
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.