Memeriksa Password Strength dengan pStrength jQuery Plugin

pStrength plugin - web design - Password Strength

cara cepat di dalam web design untuk cek password strength menggunakan pStrength plugin



Memeriksa Password Strength dengan pStrength jQuery Plugin

Di dalam membuat web design, terkadang kita membuat form registrasi untuk pengunjung situs kita. Salah satu fitur di dalam form registrasi adalah password.
Salah satu yang dibutuhkan adalah password strength untuk menjamin keamanan akses yang lebih baik.

Untuk mengatasi hal itu kita bisa menggunakan pStrength jQuery Plugin.
Di dalam file HTML kita bisa memanggil file jquery tersebut yang harus dipanggil bersama dengan file jquery

<script src="jquery-1.10.2.min.js"></script>	
<script type="text/javascript" src="pStrength.jquery.js"></script>

Kemudian kita bisa memasukan perintah jquery sebagai berikut:

Baca Juga: Tips Sukses Belajar MySQL, Pemula Jangan Cepat Menyerah
$(document).ready(function(){
    
            $('#password').pStrength({
                'changeBackground': false,
                'onPasswordStrengthChanged' : function(passwordStrength, strengthPercentage) {
                    if ($(this).val()) {
                        $.fn.pStrength('changeBackground', this, passwordStrength);
                    } else {
                        $.fn.pStrength('resetStyle', this);
                    }
                    $('#' + $(this).data('display')).html('Password Strength: ' + strengthPercentage + '%');
                    
                    if(strengthPercentage < 60)
	                    	{
	                    		$('button[type=submit]').attr('disabled', 'disabled');
	    						$('form').bind('submit',function(e){e.preventDefault();});
	                    	}
	                    else
	                    	{
	                    		$('button[type=submit]').removeAttr('disabled', 'disabled');
	    						$('form').unbind('submit');
	                    	}
                },
                'onValidatePassword': function(strengthPercentage) {
                    $('#' + $(this).data('display')).html(
                        $('#' + $(this).data('display')).html() + ' Great!'
                    );
                }
            });
        });

Dari perintah di atas kita bisa melihat ada bagian:

Baca Juga: Tips Sukses Belajar MySQL, Pemula Jangan Cepat Menyerah
if(strengthPercentage < 60)
	{
		$('button[type=submit]').attr('disabled', 'disabled');
		$('form').bind('submit',function(e){e.preventDefault();});
	}
else
	{
		$('button[type=submit]').removeAttr('disabled', 'disabled');
		$('form').unbind('submit');
	}

Bagian di atas berguna untuk mencegah form dikirimkan jika Password Strength kurang dari 60.

Untuk demo lengkap bisa dicek di:

DEMO



Artikel Lainnya

Web Design Surabaya - Web Design Murah - Jasa SEO terbaik

Tips Sukses Belajar MySQL, Pemula Jangan Cepat Menyerah

Salah satu DBMS atau Database Management System yang umum digunakan adalah MySQL. Sesuai dengan namanya, sistem ini menggunakan bahasa SQL yang merupakan kependekan dari Structured Query Language. Belajar SQL bukanlah hal yang mudah namun bisa dipela ...


Mencari data ulang tahun dengan PHP dan MySQL

Terkadang kita mengalami kesulitan untuk mencari siapa saja yang berulang tahun mulai dari tanggal X sampai tanggal Y jika data tersimpan di dalam database MySQL. Hal ini disebabkan karena saat disimpan di dalam database, format tanggal lahir adalah ...


Ketahui Kelebihan Pemrograman MySQL dan Kekurangannya

Pemrograman web dengan MySQL sangat umum dilakukan di Indonesia maupun dunia. Bahasa pemrograman ini memang umum digunakan untuk membangun aplikasi dan website. Sesuai dengan namanya, program ini menggunakan perintah SQL atau Structured Query Languag ...


Proses Pengerjaan

Web Design - Photography (foto prewedding casual, foto prewedding unik, photo pre wedding) - Videography

Lokasi di Surabaya dan Bali

Foto Buat Nikah

Desain Grafis

Kontak

08113638531 / 08113865464

info@tatamedia.com

Desainer Website di Surabaya

Web Design di Bali

Kantor

Tatamedia Solusindo Surabaya

Dekkophotography Bali

Video Prewedding

Web Design

Support

Kirim permintaan anda ke

info@tatamedia.com