Bootstrap 5 FormsLesson 40Preview gratis
BS5 Form Validation
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Validasi formulir Bootstrap bekerja dengan menambahkan atribut required pada kontrol lalu menampilkan gaya sukses atau gagal berdasarkan kelas .was-validated pada <form>. Bootstrap juga menyediakan umpan balik bawaan berupa .valid-feedback dan .invalid-feedback yang muncul sesuai status isian. Alternatif lain, tandai kontrol secara manual dengan .is-valid atau .is-invalid lewat JavaScript.
Poin kunci
- Atribut required, type email, dan pattern mendukung validasi bawaan browser.
- Kelas .was-validated pada <form> menampilkan gaya sukses dan gagal.
- .valid-feedback muncul ketika kontrol dinyatakan valid.
- .invalid-feedback muncul ketika kontrol dinyatakan tidak valid.
- JavaScript dapat menandai kontrol dengan .is-valid atau .is-invalid.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.