Kullanıcılardan bir parola belirlemelerini isteyen çevrimiçi formlar oluştururken parola onay alanlarının eklenmesi gereklidir. Parola alanı, varsayılan olarak kullanıcının girişini gizler ve kullanıcıların herhangi bir yazım hatası yapmadan doğru parolayı yazdıklarını onaylamalarına olanak tanıyan bir tür mekanizmaya sahip olmayı gerekli kılar. Parolayı onayla alanı, herhangi bir karakteri yanlış yazarlarsa ve parola ile parolayı onayla alanları eşleşmezse kullanıcıdan parolasını yeniden kontrol etmesini ister.
Bu gönderide amacımız, kullanıcının girişle eşleşen bir HTML formu oluşturmaktır. Şifre ve Şifreyi Onayla Kullanıcının doğru parolayı yazıp yazmadığını veya herhangi bir yazım hatası yapıp yapmadığını onaylamak için alanlar.
1. Adım: HTML Formu
İlk adım, kullanıcının girdisini alan bir HTML formu oluşturmaktır:
< merkez >
< h2 > Linux İpucu h2 >
< biçim >
< p > Şifre girin p >
< giriş tip = 'şifre' İD = 'geçmek' > < br >< br >
< p > Şifreyi Onayla p >
< giriş tip = 'şifre' İD = 'onayla' > < br >< br >
< buton tip = 'Sunmak' tıklamada = 'Şifre onayı()' > Kayıt içinde buton >
biçim >
merkez >
Şifre türünde iki giriş alanı ve şifreyi çağıran bir Giriş düğmesi olan basit bir HTML formu oluşturduk. Şifre onayı() tıklandığında çalışır.
2. Adım: JavaScript Form Doğrulaması
Şimdi içine JavaScript kodunu yazacağız. Şifre onayı() şifreyi doğrulayan fonksiyon:
işlev Şifre onayı ( ) {
var password = document.getElementById ( 'geçmek' ) .değer;
var ConfirmPassword = document.getElementById ( 'onayla' ) .değer;
eğer ( şifre == '' ) {
Alarm ( 'Hata: Şifre alanı Boş.' ) ;
} başka eğer ( şifre == Şifreyi onayla ) {
Alarm ( 'Giriş' ) ;
} başka {
Alarm ( 'Lütfen şifrelerinizin uyuştuğundan emin olun.' )
}
}
İçinde Şifre onayı() fonksiyonunda önce password değerlerini alıyoruz ve password alanlarını onaylıyoruz ve bunları değişkenler içinde saklıyoruz. Daha sonra farklı durumları kontrol etmek için koşullu ifadeler kullanırız.
Durum 1: Şifre alanı boş
İlk koşullu, parola alanının boş olup olmadığını kontrol eder. Alan boşsa kullanıcıdan şifreyi girmesini isteriz:
Durum 2: Şifreler eşleşiyor
Parolaların eşleşmesi durumunda kullanıcı başarıyla oturum açar:
Durum 3: Parolalar eşleşmiyor
Parolalar eşleşmezse, kullanıcıdan parolaları yeniden yazmasını ve eşleştiğinden emin olmasını isteriz:
JavaScript ve HTML kodu birlikte şuna benzer:
< html >
< gövde >
< merkez >
< h2 > Linux İpucu h2 >
< biçim >
< p > Şifre girin p >
< giriş tip = 'şifre' İD = 'geçmek' > < br >< br >
< p > Şifreyi Onayla p >
< giriş tip = 'şifre' İD = 'onayla' > < br >< br >
< buton tip = 'Sunmak' tıklamada = 'Şifre onayı()' > Kayıt içinde buton >
biçim >
merkez >
gövde >
< senaryo >
işlev Şifre onayı ( ) {
var password = document.getElementById ( 'geçmek' ) .değer;
var ConfirmPassword = document.getElementById ( 'onayla' ) .değer;
eğer ( şifre == '' ) {
Alarm ( 'Hata: Şifre alanı Boş.' ) ;
} başka eğer ( şifre == Şifreyi onayla ) {
Alarm ( 'Giriş' ) ;
} başka {
Alarm ( 'Lütfen şifrelerinizin uyuştuğundan emin olun.' )
}
}
senaryo >
html >
Çözüm
İnsanlar sıklıkla hata yapabilir, ancak bu onların hesaplarına giriş yapmalarını engellememelidir. Şifre girerken en ufak bir hata bile kullanıcının hesabına erişimini kısıtlayabilir. Bu nedenle, doğru şifreyi girip girmediklerini doğrulamak için bir kullanıcının şifresini iki kez kontrol etmek her zaman iyi bir fikirdir.