- Cari disini...
- Courses
Kategori
Web Development
Mobile Development
Studi Kasus
Fundamental
Pemula
Teknologi Populer
Laravel
PHP
Kotlin
Android
Javascript
Wordpress
Database
Semua Kelas
Flashsale
Popular
Mentor
Roadmap
- Explore
Karir
Temukan Karirmu
Tutorial & Artikel
Temukan Artikel menarik
Podcast
Podcast seputar pemrograman
-
Webinar
Ikuti Berbagai Webinar
Event
Temukan Event menarik
Beasiswa
Program Beasiswa
Discord
Komunitas Discord
Forum
Diskusi antar Programmer
Leaderboard
Ranking siswa Codepolitan
- Program
KelasFullstack.id
Belajar Full Stack Web Developer from A to Z
DevSchool
Coding Bootcamp dan Digital Skill Training
- Partnership
For Company
Solusi tepat untuk perusahaan
For School
Kerjasama untuk sekolah
For Campus
Kerjasama untuk kampus
For Mentor
Peluang penghasilan untuk mentor
LoginRegister
Tau gak klo bootstrap 4 bisa mevalidasi sebuah form sebelum. Keuntungan validasi dengan bootstrap adalah mengurangi beban server untuk lakukan validasi pada aplikasi yang server side seperti php/asp karena validasi menggunakan bootstrap itu di eksekusi di client.
Langkah Membuat validasi form dengan bootstrap 4
- buat lah form nya terlebih dahulu dan isinkan field field form yang akan di validasi Post
Contoh kode form di atas mengandung input yang bertipe text,url,email dan text area.
- setelah itu masukan java script nya
// Example starter JavaScript for disabling form submissions if there are invalid fields [function[] { "use strict"; window.addEventListener["load", function[] { var form = document.getElementById["fbiodata"]; form.addEventListener["submit", function[event] { if [form.checkValidity[] == false] { event.preventDefault[]; event.stopPropagation[]; } form.classList.add["was-validated"]; }, false]; }, false]; }[]];
contoh kode javascript di atas akan memvalidasi form dengan id
fbiodata
. antara form dan javascript nya harus sesuai id nya. - Masukan
required
padainput
yang diperlukan atau wajib diisi. - Jika semua sudah selesai maka kita tinggal mengetes nya
- jika masih bingung kamu bisa datang saja langsung ke halaman resmi form bootstrap 4.