Cara Mudah Cek Kekuatan/Kerumitan Password dengan JQuery


Kalau kita lihat judul diatas, mungkin beberapa pembaca sempat bertanya kenapa c harus cek kekuatan/kerumitan password? Ini dilakukan karena beberapa dari kita sering memasukan password yang mudah di tebak. Misalnya 1234, abcd , tanggal lahir dsb.  Padahal kalau password kita mudah ditebak maka bukan tidak mungkin akun kita bisa di bobol oleh orang yang tidak bertanggung jawab.

Oleh karena itu, sebaiknya kita menggunakan password strength meter agar password yang dimasukan oleh pengguna web bisa dilihat apakah passwordnya terlalu pendek, lemah (weak), medium atupun strong. Dengan adanya pengecekan tersebut, diharapkan pengguna web kita bisa memasukan password dengan kombinasi yang cukup rumit agar tidak mudah dibobol.

Requirement :
– Download Jquery
– Download Jquery PStrength
– Download Editor PHP/HTML misalnya Adobe Dreamweaver, Notepad ++, CodeLobster, dll.

Cara membuatnya :
1. Ketikkan kode berikut di editor kesayangan anda.

<html>
	<head>
		<title>Untitled Document</title>
        <script type="text/javascript" src="jquery.js"> </script>
        <script type="text/javascript" src="jquery.pstrength-min.1.2.js"></script>
        <script type="text/javascript">
        $(function()
		{
			$('#txtPass').focus(function()
			{
				$('#txtPass').pstrength();
			});
		});
        </script>
	</head>
<body>
	<form action="" method="post">
	Password : <input type="text" name="txtPass" id="txtPass" />
	</form>
</body>
</html>

Penjelasan Kode :
– Baris 4 : Karena kiata menggunakan Jquery, maka kita harus sertakan library jquery
– Baris 5 : Sertakan Plugin Jquery yaitu jquery pstrength agar jquery bisa cek kekuatan password
– Baris 9 : $(‘#txtPass’).focus artinya ketika kursor berada di inputan yang idnya adalah txtPass (baris ke-18) maka kerjakan kode di bawah ini
– Baris 11 : $(‘#txtPass’).pstrength artinya cek kekuatan password yang diketikkan di inputan yang ber id txtPass
– Baris 18 : Mmebuatan inputan (isian) text yang bernama txtPass dan ber id txtPass.

2. Save / simpan dengan nama cekPassword.html
3. Buka cekPassword.html di browser kesayangan anda.

Artikel Terkait :

About Wendi
An Extraordinary man wannabe. add my FB : https://www.facebook.com/wendi.octavious

2 Responses to Cara Mudah Cek Kekuatan/Kerumitan Password dengan JQuery

  1. Abed Saragih says:

    nice info🙂

    kunjungan dan komentar balik ya gan

    salam perkenalan dari

    http://diketik.wordpress.com

    sekalian tukaran link ya…

    semoga semuanya sahabat blogger semakin eksis dan berjaya.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s