En un post anterior expliqué como enviar formularios sin recargar, ahora voy a explicar como hacer un formulario de envio de correos con jquery, incluyendo un loader y que nos muestre un mensaje de error si no se pudo enviar el mensaje.
El formulario mailer
El formulario practicamente no tiene nada de especial, sólo debemos asegurarnos que tenga como id «myform», además necesitamos dos divs en uno mostraremos el resultado y el otro nos servirá como loader.
[cc lang=»html»]
[/cc]
Ajax para el envio del formulario
En este caso vamos a usar jquery para que envie los datos del formulario a envio.php, el cual a su vez enviará un correo electrónico
[cc lang=»javascript»]
[/cc]
envio.php
Ahora vamos a hacer el envio de un correo electrónico con los datos del formulario
[cc lang=»php»]
«)) {
echo ‘
Thanks for your comments
‘;
} else {
echo ‘
Error ‘.$_POST[‘fname’].’
‘;
}
?>
[/cc]
