Estoy usando un código ajax que encontre aquí ¿Cómo ocultar formulario y luego de un cierto tiempo redireccionar a otra página?
$(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,
})
.done(function(data) {
let res = JSON.parse(data);
if(res.status){
$('#message').fadeIn();
$('#message').html(res.message).delay(3000).fadeOut(3000);
$(frm).hide();
setTimeout(function(){
location.href = 'index.php';
},2000);
} else {
$('#message').fadeIn();
$('#message').html(res.message).delay(3000).fadeOut(3000);
}
})
.fail(function() {
$('#message').fadeIn();
$('#message').html(textStatus).delay(2000).fadeOut(2000);
})
});
});