Hi Team
I am creating a logic that reset a password for users to get otp. But somehow this not working and need some help maybe i am experience something small. Let me share my logic below
// html code
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card mt-5">
<div class="card-header">
Reset Password
</div>
<div class="card-body">
<form id="reset-password">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
<div class="form-group">
<label for="otp">OTP Code</label>
<input type="text" class="form-control" id="otp" name="otp" required>
</div>
<div class="form-group">
<label for="new-password">New Password</label>
<input type="password" class="form-control" id="new-password" name="new-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">Reset Password</button>
</form>
</div>
</div>
</div>
</div>
</div>
// php code
<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;
require 'vendor/autoload.php';
// Create a new PHPMailer instance
$mail = new PHPMailer(true);
try {
// Server settings
$mail->isSMTP();
$mail->Host = '';
$mail->SMTPAuth = true;
$mail->Username = '';
$mail->Password = '';
$mail->SMTPSecure = 'tls';
$mail->Port = 587;
// Recipients
$mail->setFrom('g', 'Gcobani');
$mail->addAddress('', 'Your Name'); // Add a recipient
// Content
$mail->isHTML(true); // Set email format to HTML
$mail->Subject = 'Test Email';
$mail->Body = 'This is a test email';
// Send the email
$mail->send();
echo 'Message has been sent';
} catch (Exception $e) {
echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}";
}
?>
// jquery code
$(document).ready(function() {
// Retrieve the email address from the URL
// Display the email address in the form
$('#email').val(email);
// Submit the form with the OTP code
$('#reset-password').submit(function(event) {
event.preventDefault();
var otp = $('#otp').val();
$.ajax({
url: 'reset-password.php',
method: 'POST',
data: { email: email, otp: otp },
success: function(response) {
if (response == 'success') {
// Display a success message and redirect the user to the login page
alert('Your password has been reset. Please log in with your new password.');
} else {
// Display an error message if the OTP code is incorrect
alert('The OTP code you entered is incorrect. Please try again.');
}
}
});
});
});