MENU

jQuery Şifre Güvenlik Kontrolü Aşamaları

Anasayfa » jQuery » jQuery Şifre Güvenlik Kontrolü Aşamaları
jQuery Şifre Güvenlik Kontrolü Aşamaları

Merhaba arkadaşlar jQuery nimetlerinden bir tanesini daha sizlerle paylaşıyorum. Müşterileriniz şifre oluştururken bu jQuery eklentisini kullanabilirsiniz çünkü herkez şifresinin çok zor olduğunu sanır ama bu eklenti ile çoğu kişinin bildiği yalan olacak :)

http://1.bp.blogspot.com/-aDkPDMoY2fE/UU6yDDY4yEI/AAAAAAAAQfw/U-Q9mq67wJw/s1600/jquery+pass.jpg

Complexify adında bir eklenti sıkıştırılmış hali 3kb yani çok ufak ve kullanımlık.

jQuery Complexify

Kullanımı şu şekilde örnek HTML kodumuz aşağıdaki gibi;

<!-- js dosyamız -->
<script src='../assets/s/jquery.complexify.js'></script>
<!-- /js dosyamız -->
<div id="demo">
        <input type="password" id="password" placeholder="Password">
        <div id="progressbar"><div id="progress"></div></div>
        <div id="status">
            <div id="complexity">0%</div>
            <div id="complexityLabel">Complexity</div>
        </div>
</div>

İnput’un ID’sine password yazdık. Şimdi bu html kodun altına script tagları ile eklentimizi çalıştırıyoruz.

Dikkat etmeniz gereken nokta input’a verdiğimiz ID’de password yazmıştık jQuery fonksiyonundada #password yazdık.

<script type="text/javascript">
        $(function () {
            $("#password").complexify({}, function (valid, complexity) {
                if (!valid) {
                    $('#progress').css({'width':complexity + '%'}).removeClass('progressbarValid').addClass('progressbarInvalid');
                } else {
                    $('#progress').css({'width':complexity + '%'}).removeClass('progressbarInvalid').addClass('progressbarValid');
                }
                $('#complexity').html(Math.round(complexity) + '%');
            });
        });
</script>
Rooteto Teknoloji Blogu

Rooteto WordPress, Sosyal Medya, Teknoloji, HD Resimler ve Video paylaşımında bulunan bağımsız olarak çalışan online haber teknoloji sitesidir.

Yaklaşık 1 Milyondan fazla tekil aylık ziyaretci ile Rooteto'yu büyük yapan teknoloji topluluklarıdır. 2009 yılında kurulan Rooteto'nun genel merkez ofisi İzmir / Bornova'dadır.