Kayıt Formunda Şifrelerin Eşit Kontrolünü Nasıl Yaparım
Kayıt Formunda Şifrelerin Eşit Kontrolünü Nasıl Yaparım
Bu Formdaki Şifrelerin Eşit Olup Olmadığını Post Etmeden Nasıl Kontrol Ederim
<?php
if ($_SESSION) {
echo '<div class="alert alert-warning" role="alert">Üye Girişi Yapmışsınız Zaten</div>';
}else{
if ($_POST) {
$ad = strip_tags($_POST["ad"]);
$kadi = strip_tags($_POST["kadi"]);
$soyad = strip_tags($_POST["soyad"]);
$mail = strip_tags($_POST["mail"]);
$sifre1 = strip_tags($_POST["sifre1"]);
$sifre2 = strip_tags($_POST["sifre2"]);
$resim = $_FILES["resim"];
$tarih = date('d.m.Y H:i:s');
$dosyauzan = substr($_FILES["resim"]["name"],-4,4);
$dosyaadi = md5(rand(0,999999)).$dosyauzan;
$dosyayolu = "images/userimg/".$dosyaadi;
$hakkinda = strip_tags($_POST["hakkinda"]);
if (!$ad || !$soyad || !$mail || !$sifre1 || !$sifre2 || !$resim || !$hakkinda) {
echo '<div class="alert alert-warning" role="alert">Gerekli Alanları Doldurun Lütfen</div>';
}elseif (mb_strlen($kadi,'UTF-8')>= 50) {
echo '<div class="alert alert-warning" role="alert">Kullanıcı Adı En Fazla 50 Karakter Olabilir</div>';
}else{
if ($sifre1 == $sifre2) {
$dosyatip = $_FILES["resim"]["type"];
if($dosyatip == "image/jpeg" || $dosyatip == "image/png" || $dosyatip == "image/gif"){
if(is_uploaded_file($_FILES["resim"]["tmp_name"])){
$tasi = move_uploaded_file($_FILES["resim"]["tmp_name"],$dosyayolu);
if($tasi){
$fr = $db->prepare("SELECT * FROM uyeler WHERE uye_mail=? AND uye_kadi=?");
$fr->execute(array($mail,$kadi));
$hg = $fr->rowCount();
if ($hg) {
echo '<div class="alert alert-warning" role="alert">Kullandığınız E-Mail Adresini Veya Kullanıcı Adını Başka Bir Üye Kullanıyor</div>';
unlink($dosyayolu);
}else{
$sifre3 = md5($sifre2);
$kayit = $db->prepare("INSERT INTO uyeler SET uye_adi=?,uye_soyad=?,uye_mail=?,uye_sifre=?,uye_resim=?,uye_hakkinda=?,uye_tarih=?,uye_kadi=?");
$ekle = $kayit->execute(array($ad,$soyad,$mail,$sifre3,$dosyayolu,$hakkinda,$tarih,$kadi));
if ($ekle) {
echo '<div class="alert alert-success" role="alert">Başarıyla Kaydoldunuz</div>';
header("refresh:2; url=index.php");
}else{
echo '<div class="alert alert-warning" role="alert">Bir Hata Oluştu Kayıt Olamadınız</div>';
}
}
}else{
echo'<div class="alert alert-warning" role="alert">Kayıt Olurken Bir Hata Oluştu</div>';
}
}else{
echo'<div class="alert alert-warning" role="alert">Kayıt Olurken Bir Hata Oluştu</div>';
}
}else{
echo'<div class="alert alert-warning" role="alert">Sadece Resim Yükleyebilirsiniz</div>';
}
}else{
echo '<div class="alert alert-warning" role="alert">Şifreler Uyuşmuyor Kayıt Olamadınız</div>';
}
}
}else{
?>
<div class="container m-auto" style="max-width: 500px;margin-top: 30px">
<h2><b><center>Kayıt Formu</center></b></h2><hr><br><span style="color:red"><center>Tüm Alanları Doldurunuz</center></span>
<form method="POST" enctype="multipart/form-data" id="form">
<div class="row" style="max-width: 500px;margin-top: 30px">
<div class="col">
<input type="text" required class="form-control" name="ad" placeholder="Adınız" autocomplete="off">
</div>
<div class="col">
<input type="text" required class="form-control" name="soyad" placeholder="Soyadınız" autocomplete="off">
</div>
</div>
<div class="form-group">
<input type="text" required style="max-width: 500px;margin-top: 20px" class="form-control" id="exampleFormControlInput1" name="kadi" placeholder="Kullanıcı Adınız" autocomplete="off">
</div>
<div class="form-group">
<input type="email" required style="max-width: 500px;margin-top: 20px" class="form-control" id="exampleFormControlInput1" name="mail" placeholder="E-Mail Adresiniz" autocomplete="off">
</div>
<div class="form-group" style="max-width: 500px;margin-top: 20px">
<input type="password" required class="form-control" id="passwordHelpBlock" autocomplete="off" name="sifre1" placeholder="Şifrenizi Girin">
<small id="passwordHelpBlock" class="form-text text-muted">
0-9 a-z Min 8 Karakter
</small>
</div>
<div class="form-group" style="max-width: 500px;margin-top: 20px">
<input type="password" required class="form-control" id="passwordHelpBlock" name="sifre2" autocomplete="off" placeholder="Şifrenizi Onaylayın">
</div>
<label for="customFile">Profil Resminiz</label><br>
<input type="file" required class="form-control" name="resim" id="customFile">
<div class="form-group" style="max-width: 500px;margin-top: 20px">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="hakkinda" placeholder="Hakkınızda Biraz Bilgi Verin"></textarea><br>
<div class="container m-auto" style="max-width: 500px;margin-top: 20px">
<center><button type="submit" class="btn btn-outline-success" >Kayıt Ol</button></center></div>
</div>
</form>
</div>
<?php
}
}
?>
HTML'de input elemanına ekleyebildiğimiz onkeyup property si yardımıyla klavyeden her tuş girildiğinde kontrol fonksiyonumuzu çağırabiliriz.
Şöyle ki;
<input type="password" name="pass1" onkeyup="passControl()">
<input type="password" name="pass2" onkeyup="passControl()">
<span class="password-warning"></span>
function passControl() {
let pass1 = document.querySelector('[name="pass1"]');
let pass2 = document.querySelector('[name="pass2"]');
let warningText = document.querySelector(".password-warning");
if(pass1.value != pass2.value){
warningText.innerHTML = "Şifreler Uyuşmuyor!";
}else {
warningText.innerHTML = "";
}
}
Eğer istersen kontrol sonucu istenilen sonuç sağlanmıyorsa submit butonunu da devre dışı bırakabilirsin.