Rastgele Şifre Oluşturma

Jquery ile Rastgele Şifre Oluşturma
Jquery ile Rastgele Şifre Oluşturma
Bu yazımda Jquery ile rastgele güçlü şifrelerin nasıl oluşturulacağından bahsettim. Örnek çalışmam için yazımın devamını inceleyebilirsiniz..

Merhabalar,

Bu yazımda Jquery ile rastgele güçlü parolaların nasıl oluşturulacağından bahsedeceğim. Bazı sistemlerde fark edeceğiniz üzere artık parola istendiğinde size önerilerde bulunması için butonlar oluyor. Butona tıklandığında size rastgele oluşturulmuş güçlü bir şifre oluşturuyor.

Buna benzer bir örnek yapacağız öncelikle tasarım aşaması ile hemen başlayalım;

See the Pen Şifre Oluşturma Tasarımı by furkangiray.com (@furkangiray_com) on CodePen.

Yukarıda Bootstrap ve FontAwesome kullanarak örnek bir tasarım yaptım. İçinde şifreyi gizle/göster özelliği de bulunuyor. Yapımı için Jquery ile Şifreyi Göster – Gizle isimli yazımı inceleyebilirsiniz. Tasarımda Şifre Oluştur butonuna tıklandığında input içine, oluşturulmuş rastgele şifreyi atıyor. Detaylı inceleyebilmeniz için sadece gerekli Html ve Javascript kodlarını aşağıya bırakıyorum;

<input type="password" id="parola">
<button onclick="sifreOlustur()">Şifre Oluştur</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function sifreOlustur() {
    // onclick ile çağrılan fonskiyon
    var uzunluk = 12,
        // şifre uzunluğu
        karakterler = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789./_?()",
        // şifre içindeki karakterler
        sonDeger = "";
        // son değer değişkenini tanımla
    for (var i = 0, n = karakterler.length; i < uzunluk; ++i) {
        // karakter uzunluğu kadar döngüye sok
        sonDeger += karakterler.charAt(Math.floor(Math.random() * n));
        // sonDeger degiskeninde rastgele oluşturulan değerleri birliştir
    }
    $('#parola').val(sonDeger);
    // en sonunda input içine rastgele oluşturulmuş şifreyi yaz
}
</script>

Yukarıda basit bir şekilde rastgele oluşturulan şifreyi, belirtilen input değerine atanması için örnek bir kod bulunuyor. Tasarımını kendi isteğinize göre şekillendirebilirsiniz.

Rastgele şifre oluşumu gerekli olan sistemlerde kullanabilirsiniz. İşinize yarayacaktır diye düşünüyorum. 

Mutlu Kodlamalar 🙂

0 Shares:

Benimle yorumunu paylaş;

Bunlara da göz atabilirsin
Owl Carousel 2 Kullanımı
Devamını Oku

Owl Carousel 2 Kullanımı

Popüler slider kütüphanelerinden birisi olan Owl Carousel 2 kullanımından bahsettim. Kurulumu, kullanımı ve basitçe yapı anlatılmıştır.

Devamını Oku