Skip to main content
3 de 3
se añadieron 791 caracteres en el cuerpo
Dev. Joel
  • 23.9k
  • 3
  • 30
  • 47

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);
})
Dev. Joel
  • 23.9k
  • 3
  • 30
  • 47