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. Tasarımda Bootstrap ve FontAwesome kullanabilirsiniz. Ayrıca şifreyi gizle/göster özelliği de ekleyebilirsiniz. Yapımı için Jquery ile Şifreyi Göster – Gizle isimli yazımı inceleyebilirsiniz.

Şifre Oluştur butonuna tıklandığında, input alanına rastgele bir şifre atanacaktır. Aşağıda yalnızca gerekli HTML ve JavaScript kodlarını paylaşı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() {
    var uzunluk = 12,
        karakterler = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789./_?()",
        sonDeger = "";
    for (var i = 0, n = karakterler.length; i < uzunluk; ++i) {
      sonDeger += karakterler.charAt(Math.floor(Math.random() * n));
    }
    $('#parola').val(sonDeger);
  }
</script>

Bu örnekte, basit bir şekilde rastgele oluşturulan şifreyi input alanına yerleştiren bir yapı görüyoruz. Tasarımı ve işlevleri ihtiyacınıza göre genişletebilirsiniz.

Mutlu Kodlamalar :)