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 🙂
