La opción de cambiar el password
al 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>
Esta es la respuesta de que todo es proceso fue exitoso:
if($stmtUpdate->execute()){
echo "¡Contraseña cambiada con éxito!";
}