71 lines
2.5 KiB
PHP
71 lines
2.5 KiB
PHP
<?php
|
|
require_once __DIR__ . '/includes/header.php';
|
|
?>
|
|
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h2>Register</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<form id="register-form">
|
|
<div class="form-group">
|
|
<label for="username">Username</label>
|
|
<input type="text" class="form-control" id="username" name="username" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" class="form-control" id="password" name="password" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="confirm_password">Confirm Password</label>
|
|
<input type="password" class="form-control" id="confirm_password" name="confirm_password" required>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Register</button>
|
|
</form>
|
|
<div id="register-message" class="mt-3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#register-form').on('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
let password = $('#password').val();
|
|
let confirm_password = $('#confirm_password').val();
|
|
|
|
if (password !== confirm_password) {
|
|
$('#register-message').html('<div class="alert alert-danger">Passwords do not match.</div>');
|
|
return;
|
|
}
|
|
|
|
$.ajax({
|
|
url: '_handle_register.php',
|
|
type: 'POST',
|
|
data: $(this).serialize(),
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.success) {
|
|
$('#register-message').html('<div class="alert alert-success">' + response.message + '</div>');
|
|
setTimeout(function() {
|
|
window.location.href = 'login.php';
|
|
}, 2000);
|
|
} else {
|
|
$('#register-message').html('<div class="alert alert-danger">' + response.message + '</div>');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<?php
|
|
require_once 'includes/footer.php';
|
|
?>
|