Membuat Password Meter

Sobat MINT, kali ini saya mau posting tentang password-meter , yang fungsinya untuk mengukur kuat lemahnya password yang sobat buat.  Oke langsung saja ya.

1. Buat susunan direktori project Password Meter seperti ini:

  • index.html
  • jquery-1.4.min.js
  • jquery.validate.password.js
  • jquery.validate.js
  • style.css
  • jquery.validate.password.css

2. Ketik kode css berikut lalu simpan dengan nama style.css.

3. Buat sebuah file html dan beri nama index.html.

Panggil file css, library jquery, jquery validate plugin, dan jquery validate password plugin. Ketik kode berikut di antara tag <head>.

4. Kita akan membuat sebuah form sederhana. Ketik kode berikut di antara tag <body>.

5. Buat kode jquery untuk password meter ini. Ketik kode berikut dantara tag <head>.

Keterangan kode:

Untuk mengaktifkan password meter, kita panggil method valid(). Kali ini tidak ada parameter yang akan kita atur. Ketika kita mengetikkan suatu password pada input field, password meter akan segera bekerja mendeteksi kuat lemahnya password. Password panjang bukan berarti  password tersebut kuat. Kita harus memasukkan kombinasi huruf, angka, dan simbol supaya password kita kuat.

6. Sekarang, buka index.html pada web browser. Ketikkan password.

Password 1

 

Password 2

 

Password 3

 

 

Semoga bermanfaat bagi sobat MINT.

Source Code password-meter ini bisa sobat download disini.

button

Tagged with: , ,
Posted in CSS3, HTML + CSS, HTML5, JQuery, Web Programming
One comment on “Membuat Password Meter
  1. raymedio says:

    lanjutkan pemrograman web
    ^_^

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Login
Pengunjung
Visits today: 10
Online : 0
Total : 23896 (sejak Sunday, 30 June 2013 )
Online
Archives