Validasi Email Dengan Bootsrap Validator.js

Pada artikel hari ini saya akan membahas mengenai penanganan form dan cara melakukan validasi terhadap sebuah form inputan dengan Bootstrap Validator.js. Bootstrap Validator.js adalah Sebuah plugin bentuk validator sederhana dan user-friendly untuk Bootstrap 3 dan temen temen bisa download di link berikut http://1000hz.github.io/bootstrap-validator/
Validasi form dapat diaktifkan di markup melalui data-api atau melalui JavaScript. Secara otomatis mengaktifkan validasi form dengan menambahkan attribute data-toggle = "validator" pada elemen form inputan temen temen. Oke kita mulai mengimplementasikannya yang pertama kita sisipkan file plugin validator yang sebelumnya temen temen download ke dokumen html.

Kemudian kita buat inputan form untuk validasi email sebagai berikut

Pada kode diatas attribute data-error menampilkan pesan error ketika inputan tersebut tidak valid. Jika sudah temen temen bisa simpan dan jalankan kode diatas dan lihat hasilnya.


 

Demo

Selamat Mencoba temen temen.

10 Juli 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat