JavaScript Şifre bölümüne ile şifre doğrulama bölümüne farklı girilen değerleri sorma

Catflowers · 30 Mayıs 2023

register.html sayfamdaki şifre bölümü ve şifre doğrulama bölümünde farklı değerler olursa Javascript ile bunu tespit edip <span class="text-danger"></span> etiketinin içine "aynı şifreyi giriniz." yazısını yazdırmaya çalışıyorum ama bir türlü beceremedim. Aşağıdaki kod register.html'e aittir, bir altında ise Javascript kodları mevcuttur. Bilen varsa ve yardımcı olursa çok mutlu olurum, iyi sosyaller.

HTML:

<form class="login100-form validate-form flex-sb flex-w" method="POST" action="index.html">
                    <span class="login100-form-title p-b-3">
                        Kayıt Ol
                    </span>
                    <div class="p-t-31 p-b-9">
                        <label for="name" class="txt1">
                            İsim
                                                    </label>
                    </div>
                    <div class="wrap-input100 validate-input" data-validate = "İsim alanı gereklidir">
                        <input id="name" class="input100" type="text" name="name" >
                        <span class="focus-input100"></span>
                    </div>

                    <div class="p-t-31 p-b-9">
                        <label for="email" class="txt1">
                            E-posta Adresi
                                                </label>
                    </div>
                    <div class="wrap-input100 validate-input" data-validate = "E-posta adresi gereklidir">
                        <input id="email" class="input100" type="email" name="email" >
                        <span class="focus-input100"></span>
                    </div>

                    <div class="p-t-13 p-b-9 d-inline-flex">
                        <label for="password" class="txt1">
                            Şifre
                            <span class="text-danger"></span>
                                                    </label>
                    </div>
                    <div class="wrap-input100 validate-input" data-validate = "Şifre alanı gereklidir">
                        <input id="password" class="input100" type="password" name="password" >
                        <span class="focus-input100"></span>
                    </div>

                    <div class="p-t-13 p-b-9 d-inline-flex">
                        <label for="password_confirmation" class="txt1">
                            Şifre
                        </label>
                    </div>
                    <div class="wrap-input100 validate-input" data-validate = "Şifre alanı gereklidir">
                        <input id="password_confirmation" class="input100" type="password" name="password_confirmation" >
                        <span class="focus-input100"></span>
                    </div>
                
                    <script src="../www.google.com/recaptcha/api.js" async defer></script>
                                            <div class="g-recaptcha" data-sitekey="6LcJVsYjAAAAAG-5RZ-i2_Xvdv1WLEcB6whpfvIp"></div>
                
                    <div class="container-login100-form-btn m-t-17">
                        <button type="submit" class="login100-form-btn">
                            Kayıt Ol
                        </button>
                    </div>

                    <div class="w-full text-center p-t-55">
                        <span class="txt2">
                            Zaten üye misin?
                        </span>

                        <a href="#" class="txt2 bo1">
                            Hemen giriş yap!
                        </a>
                    </div>
                </form>

<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/bootstrap/js/popper.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
    <script src="vendor/daterangepicker/moment.min.js"></script>
    <script src="vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
    <script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
 
    <script src="kayitekle.js"></script>

JavaScript kodları;

JavaScript:

var mysql = require("mysql");

var baglanti = mysql.createConnection({

    host: "localhost",
    user: "root",
    pass: "",
    database: "veritabanismi"

});

baglanti.connect(function(err){

    if(err) throw err;
    password_confirmation



  const isim = document.getElementById('name').value;
  const email = document.getElementById('email').value;
  const password = document.getElementById('password').value;
  const verifypass = document.getElementById('password_confirmation').value;
  var messageElement = document.getElementsByClassName("text-danger");

  if (password === verifypass) {
 
 
   var sorgu = "INSERT INTO uyehesap (isim, email, sifre) values ('${isim}', '${email}', '${password}')"

   window.location.href = "index.html";
 
    return false;
} else {
 
    messageElement.innerHTML = "Şifreler eşleşmiyor, şifrenizi aynı giriniz.";
    return false;
}
})

delikarga · 30 Mayıs 2023

Hocam form'un submit eventine bu kontrolü ekleseniz daha mantıklı olur sanırım. forma bir id ekleyelim örneğin login-form olsun.

JavaScript:

const frm = document.getElementById("login-form");
frm.addEventListener("submit", function (event) {
    if (document.getElementById('password').value != document.getElementById('password_confirmation').value){
        messageElement.innerHTML = "Şifreler eşleşmiyor, şifrenizi aynı giriniz.";
        event.preventDefault();
        return false;
    }
});

jtxkopt · 30 Mayıs 2023

"ama bir türlü beceremedim" iyi bir ifade şekli değil. Onun yerine nasıl bir çıktı alıyorsun, aldığın çıktığı beklediğin çıktıdan nasıl farklı, ya da bir hata mı alıyorsun onu söylemelisin.

JavaScript:

messageElement.innerHTML = "Şifreler eşleşmiyor, şifrenizi aynı giriniz.";

yerine

JavaScript:

var messageElement = document.getElementsByClassName("text-danger")[0];
messageElement.innerText = "Şifreler eşleşmiyor, şifrenizi aynı giriniz.";

dene.

JavaScript Şifre bölümüne ile şifre doğrulama bölümüne farklı girilen değerleri sorma

Ayrıntılı düzenleme

Catflowers

Decapat

delikarga

Kilopat

jtxkopt

Centipat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz