Bu index kodum:
Bu da JS kodum:
PHP:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="style.css" rel="stylesheet">
<title>Chatify | Kayıt Ol</title>
</head>
<body>
<div class="wrapper">
<section class="form signup">
<Header>Kayıt Ol</Header>
<form action="#">
<div class="error-text">Bu bir hata mesajıdır!</div>
<div class="name-details">
<div class="field input name">
<label>Ad</label>
<input type="text" placeholder="Adınız">
</div>
<div class="field input lastname">
<label>Soyad</label>
<input type="text" placeholder="Soyadınız">
</div>
</div>
<div class="field input">
<label>E-Posta Adresi</label>
<input type="text" placeholder="E-Posta adresinizi giriniz">
</div>
<div class="field input">
<label>Şifre</label>
<input type="password" placeholder="Yeni bir şifre giriniz">
<i class="fa fa-eye"></i>
</div>
<div class="field image">
<label>Profil Fotoğrafı</label>
<input type="file">
</div>
<div class="field button">
<input type="submit" value="Kayıt Ol">
</div>
</form>
<div class="link">Zaten bir hesabın var mı? <a href="#">Hemen giriş yapın</a></div>
</section>
<script src="JS/pass-hide-show.js"></script>
<script src="JS/signup.js"></script>
</div>
</body>
</html>Bu da JS kodum:
JavaScript:
const form = document.querySelector(".signup form"),
contiuneBTN = form.querySelector(".button input");
form.onsubmit = (e)=> {
e.preventDefault();
}
contiuneBTN.onclick = ()=>{
let xhr = new XMLHttpRequest();
xhr.open("POST", "php/signup.php", true);
xhr.onload = ()=>{
if(xhr.readyState === XMLHttpRequest.DONE){
if(xhr.status === 200){
let data = xhr.response;
console.log(data);
}
}
}
xhr.send();
}
Son düzenleyen: Moderatör: