📑 Form & Validasi
Level: Intermediate
Form digunakan untuk mengumpulkan data dari pengguna.
Validasi memastikan data yang dimasukkan sesuai aturan sebelum dikirim.
Bayangkan form seperti gerbang masuk dan validasi sebagai penjaga gerbang yang memeriksa tiket sebelum masuk.
📖 Elemen Form Dasar
<input type="text"> → input teks.<input type="email"> → input email.<input type="password"> → input password.<textarea> → input teks panjang.<button type="submit"> → tombol kirim.
📖 Validasi
- Validasi HTML5: menggunakan atribut seperti
required, minlength, pattern.
- Validasi JavaScript: logika tambahan untuk memeriksa input sebelum submit.
🎮 Mini Challenge
Buat form pendaftaran dengan ketentuan:
- Field: Nama, Email, Password, Konfirmasi Password.
- Validasi: semua wajib diisi, email valid, password minimal 6 karakter, konfirmasi password harus sama.
- Tampilkan pesan error di bawah field jika tidak valid.
Tugas tambahan: Tambahkan validasi nomor telepon dengan regex (misalnya hanya angka 10–13 digit).