logo

JavaScript'te şifre doğrulamayı onaylayın

Bu bölümde JavaScript kullanarak şifre doğrulamayı tartışacağız. Bir kullanıcı herhangi bir web sitesinde veya uygulamada hesap oluşturduğunda her defasında şifreyi doğrulamamız gerekir. Bu nedenle, geçerli bir şifreyi doğrulamamız ve şifre doğrulama doğrulamasını koymamız gerekiyor. Geçerli bir şifrenin geçerli olması için aşağıdaki parametrelerin bulunması gerekir -

  • Şifre alfanümerik olmalıdır.
  • Şifrenin ilk harfi büyük olmalıdır.
  • Şifre özel bir karakter (@, $, !, &, vb.) içermelidir.
  • Şifre uzunluğu 8 karakterden büyük olmalıdır.
  • Şifre alanlarının boş bırakılmaması en önemli hususlardan biridir.

Bir kullanıcı bir şifre oluşturduğunda, her zaman bir şifre onaylama alanı daha bulunur. Kullanıcının girdiği şifrenin bu şifre onay alanlarıyla aynı olup olmadığını kontrol eder. Geçerli bir şifre oluşturmak için hem şifre hem de şifre onaylama alanlarının değeri eşleşmelidir.

Öncelikle geçerli bir şifre kontrol edeceğiz ve ardından şifre doğrulama kontrollerini onaylayacağız.

Geçerli şifre Doğrulama

Bu örnekte kullanıcı tarafından oluşturulan şifrenin geçerli olup olmadığını ve yukarıda tartışılan tüm parametrelerle eşleşip eşleşmediğini kontrol edeceğiz. Şifre doğrulaması için aşağıdaki koda bakın.

Kodu Kopyala

java'daki dosyayı sil
 Verification of valid Password function verifyPassword() { var pw = document.getElementById(&apos;pswd&apos;).value; //check empty password field if(pw == &apos;&apos;) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Fill the password please!&apos;; return false; } //minimum password length validation if(pw.length 15) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Password length must not exceed 15 characters&apos;; return false; } else { alert(&apos;Password is correct&apos;); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Reset 
Şimdi Test Edin

Çıktı

Yukarıdaki kodu çalıştırdığınızda web üzerinde bir HTML formu görünecektir. Burada verileri metin alanlarına girin ve işlemek için Gönder düğmesine tıklayın. Doğrulamalara göre veriler doğruysa bir mesaj içeren bir uyarı kutusu açılacak: Şifreniz oluşturuldu başarıyla. Buraya tıkladığınızda TAMAM butonuna bastığınızda başka bir çıkışa geçecektir.

Ekran görüntüsü 1

JavaScript'te şifre doğrulamayı onaylayın

Üzerine tıkladığınızda TAMAM Uyarı kutusunun içindeki düğmeyi tıkladığınızda, bir mesaj görüntüleyeceği basit bir HTML çıktısına geçecektir. Form verileri başarıyla gönderildi .

Ekran görüntüsü 2

java rastgele matematik rastgele
JavaScript'te şifre doğrulamayı onaylayın

Yanlış girişlerin sağlanmasına ilişkin çıktı

Yanlış bir değer girmeniz veya gerekli herhangi bir alanı boş bırakmanız durumunda, giriş kutusunun sağında bir hata görüntülenecektir. Bu hatalar, doğrulama kontrolünden sonra her tıklamada tek tek gösterilecektir. Göndermek düğme. Aşağıdaki ekran görüntüsündeki hatalara bakın:

JavaScript'te şifre doğrulamayı onaylayın

Tüm doğrulamaların düzgün çalışıp çalışmadığını kontrol etmek için kodu kopyalayın ve JavaScript derleyicinizde çalıştırın.