File size: 2,656 Bytes
0c6c1fb dc1083b 47fe473 0c6c1fb fdb8d32 0c6c1fb fdb8d32 f1808d6 68ed63e 0c6c1fb 13ebb53 af04874 d338b03 0ddeb2c c7fb6c1 a0b5637 13ebb53 554f8be 293e7da f1808d6 0894c99 dd3d3fb dd7a7a0 c7fb6c1 337ce49 a0b5637 337ce49 aa173e1 337ce49 aa173e1 337ce49 aa173e1 c7fb6c1 337ce49 c7fb6c1 337ce49 dd7a7a0 0c6c1fb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Register</title>
<link rel="stylesheet" type="text/css" href="/static/style.css"> <!-- Add this line for your CSS -->
</head>
<body>
<footer>
<!-- Footer content -->
<p>Copyright © Your Website</p>
</footer>
<div class="background-container">
<div class="color-overlay"></div>
<h1>Register</h1>
<form action="/register" method="post" id="registration-form">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<label for="confirm_password">Confirm Password:</label>
<input type="password" id="confirm_password" name="confirm_password" required><br><br>
<!-- Hidden field for the reCAPTCHA token -->
<input type="hidden" id="recaptcha_token" name="recaptcha_token" value="">
<div class="g-recaptcha"
data-sitekey="6LeSJgwpAAAAAD9UlPdC911k8UgD6Uh3068xXgGj"
data-callback="setRecaptchaToken">
</div>
<br>
<button type="submit" id="submit-button">Register</button>
</div>
</form>
</div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function setRecaptchaToken(token) {
document.getElementById('recaptcha_token').value = token;
}
document.getElementById('registration-form').addEventListener('submit', function(event) {
var username = document.getElementById('username').value;
var token = document.getElementById('recaptcha_token').value;
var email = document.getElementById('email').value;
var password = document.getElementById('password').value;
var confirmPassword = document.getElementById('confirm_password').value;
if (!(token && username && email && password && confirmPassword)) {
event.preventDefault(); // Prevent form submission
alert("Please fill in all required fields.");
}
// If fields are filled, form will proceed to submit
// reCAPTCHA validation will be handled automatically by Google's script
});
</script>
</body>
</html>
|