Las dos opciones serían de la siguiente forma, dentro del success
, aprovechando que ya tienes una variable que referencia al formulario frm
success: function(data){
$(frm)[0].reset(); //Eliminar los valores en los input
$(frm).hide(); // ocultar el formulario
// para redireccionar a otra página, sería setTimeout,
// o setInterval,la sintaxis es la misma
//como se recargará la página no habrá diferencia.
setInterval(function(){
location.href = 'google.com';
},2000); // el 2000 es el tiempo en milisegundos, 2 segundos para el ejemplo
}
como recomendación, sería reemplazar el success
por done
para las devoluciones de éxito de las llamadas ajax
.
Si desea validar los mensajes devueltos desde PHP
, una opción sería no solo retornar el mensaje si no también un status
para validar desde JavaScript, esto desde PHP ser haría con json_encode
de la siguiente forma.
Para cambio exitoso
echo json_encode(['status'=> true, 'message'=>"¡La contraseña no es válida!"]);
Para cambios erróneos o errores en las validaciones
echo json_encode(['status'=> false, 'message'=>"¡La contraseña no es válida!"]);
Desde JavaScript tendría en cuenta el status
para saber si oculta o no el formulario.
$.ajax({
type: frm.attr('method'),
url: frm.attr('action'),
data: formData,
})
.done(function(data) {
let res = JSON.parse(data);
if(res.status){ // si es true el estado
$('#message').fadeIn();
$('#message').html(res.message).delay(3000).fadeOut(3000);
$(frm).hide();
setTimeout(function(){
location.href = 'otrapágina';
},2000);
}
else{ //caso contrario ejecutamos alguna otra opción
}
})
.fail(function() {
$('#message').fadeIn();
$('#message').html(textStatus).delay(2000).fadeOut(2000);
})