Para que te muestre un error en tu mensaje tendrias que cambiar tu div de error por lo siguiente
<div class="alert alert-danger invisible" role="alert" id="error-telefono"></div>
Como ves, estoy agregando un id para identificar el campo de error, despues en tu ajax agrega lo siguiente para mostrar ese mensaje:
error:function(jqXHR, textStatus){
var fail_msg = jqXHR.responseJSON.errors;
for (const campo in object) {
$('#error-'+campo).removeClass('invisible');
$('#error-'+campo).text(fail_msg[campo][0]);
}
}
Y estoy recorriendo el JSON de errors
para mostrar y asignar el mensaje
Por ultimo, para redirigir a otra pagina solo agrega en tu success
window.location.href
asi:
window.location.href = "http://.....";
Referencia
- AJAX ".error": https://api.jquery.com/jquery.ajax/
- Redirigir: https://developer.mozilla.org/es/docs/Web/API/Window/location