Integré la opción de cambiar la contraseña del usuario funciona perfectamente, el problema es que todos los datos quedan ahí mismo en el formulario.
Como puedo ocultar el formulario cuando reciba esta respuesta: ¡Contraseña cambiada con éxito! y que luego de x
segundo redirrecionar a otra página.
El código es el siguiente:
Ajax
<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var frm = $('#resetform');
frm.submit(function(e){
e.preventDefault();
var formData = frm.serialize();
formData += '&' + $('#submit_btn').attr('name') + '=' + $('#submit_btn').attr('value');
$.ajax({
type: frm.attr('method'),
url: frm.attr('action'),
data: formData,
success: function(data){
$('#message').fadeIn();
$('#message').html(data).delay(3000).fadeOut(3000);
},
error: function(jqXHR, textStatus, errorThrown) {
$('#message').fadeIn();
$('#message').html(textStatus).delay(2000).fadeOut(2000);
}
});
});
});
</script>
form.php
<form name="resetform" action="changepass.php" id="resetform" class="passform" method="post" role="form">
<h3>Change Your Password</h3>
<br />
<input type="hidden" name="username" value="<?php //echo $id_user; ?>" ></input>
<label>Enter Old Password</label>
<input type="password" class="form-control" name="old_password" id="old_password">
<label>Enter New Password</label>
<input type="password" class="form-control" name="new_password" id="new_password">
<label>Confirm New Password</label>
<input type="password" class="form-control" name="con_newpassword" id="con_newpassword" />
<br>
<input type="submit" class="btn btn-warning" name="password_change" id="submit_btn" value="Change Password" />
</form>
Teniendo en cuenta que solo se debe cumplir aquella condición solamente si se recibe como respuesta de que todo es proceso fue exitoso, en este caso que el cambio de la contraseña fue exitoso.
Y que no vaya a redireccionar o ejecutar al recibir otro error de mensaje personalizado.
if (isset($_POST['password_change'])) {
// Asignamos variables
$user = $_POST['username'];
$old_password = $_POST['old_password'];
$new_password = $_POST['new_password'];
$con_password = $_POST['con_newpassword'];
// comprobamos que las password coinciden
if($con_password !== $new_password){
echo "¡Las contraseñas no coinciden!";
exit;
}
// Buscamos el usuario
$stmtUsers = $con->prepare("SELECT * FROM users where username=? limit 1");
$stmtUsers->bind_param("s", $username);
// validamos consulta
if(!$stmtUsers->execute()) {
echo 'Error nose pudo ejecutar la consulta';
exit;
}
//obtenemos el resultado
if(!$result = $stmtUsers->fetch()){
echo "Nombre de usuario incorrecto";
exit;
}
// validamos password bd con la introducida
if (!password_verify($old_password, $result['password'])) {
echo '¡La contraseña no es válida!';
exit;
}
// si llegamos hasta aquí todo esta en orden y actualizamos
// cifrados la password antes de guardarla recuerda
$hash = password_hash($new_password, CRYPT_BLOWFISH);
$stmtUpdate = $con->prepare("UPDATE `users` SET `password` = ? WHERE `username` = ?");
$stmtUpdate->bind_param("ss", $hash, $username);
if($stmtUpdate->execute()){
echo "¡Contraseña cambiada con éxito!";
} else{
echo "La contraseña no se pudo actualizar";
}
}