Pada kesempatan sebelumnya saya pernah membahas tentang membuat progress bars, nah sekarang kita akan belajar membuat check password dengan tampilan progress bars, jadi seberapa kuat password yang dibuat. Tentu banyak sekali design untuk mengukur kekuatan password dimana saat kita memasukan sebuah password. Apa masih ada yang bingung ,bagaimana kalau dimulai cara membuatnya.Baiklah langkah pertama siapkan file html dimana saya disini menggunakan template bootstrap agar mudah untuk membuat tampilannya berikut strukturnya:

jadi pada struktur diatas pada form input password saya berikan ID = InputPassword dan tag progress untuk tampilan progress bars.

Langkah selanjutnya menambahkan script dari Javascript seperti dibawah ini :

Apabila sudah mari kita coba jalankan pada browser ,maka akan seperti dibawah ini tampilnannya :

Check-Password Strength View Progress Bars Check Password Strength View Progress Bars

Jika dilihat pada gambar sebelah kiri karakter yang terdapat form input kurang dari ukuran kekuatan password dibanding dengan gambar sebelah kanan lebih kuat karakter yang diketikkan, karena didalamnya sudah mewakili karakter yang terdapat pada 3 buah karakarter didalam bracket yang dipakai. Kesimpulannya saat membuat password harus kompleks karakter didalamnya supaya tidak mudah diketahui orang lain.

Demikian pembahasan artikel tentang Cara Membuat View Bars Strength Password Dengan Javascript, semoga bermanfaat dan selamat mencoba.

terima kasih.