Mi problema es que no me muestra el "mensaje enviado" en el documento aver si pueden ayudarme y echarle un vistazo a mi codigo y decirme que esta mal??
Código HTML:
Ver original<form name="email_frm" id="form" method="post" action="enviar-form.php" enctype="application/x-www-form-urlencoded"> <input type="text" name="nombre" id="nombre" required="required"/> <input type="email" name="email" id="email" required="required"/> <input type="text" name="telefono" id="telefono" required="required"/> <input type="submit" name="boton_enviar" id="boton_enviar" value="Enviar"/> <div class="enviado">Su mensaje ha sido enviado.
</div>
Código CSS:
Ver original.enviado{
color: green;
margin:10px 10px 0px 0px;
font-size: 14px;
display: none;
}
Código Javascript
:
Ver original$(document).ready(function() {
$("#form").submit(function() {
event.preventDefault();
var url = $(this).attr('action');
var data = $(this).serialize();
var validation = true;
if(!$("#nombre").val()){
validation = false;
$("#nombre").focus();
}
else if(!$("#email").val()){
validation = false;
$("#email").focus();
}
else if(!$("#telefono").val()){
validation = false;
$("#telefono").focus();
}
else if(!$("#mensaje").val()){
validation = false;
$("#mensaje").focus();
}
if(validation==true){
$.post(url, data, function() {
$('#form .enviado').fadeIn("normal");
$('#form')[0].reset();
});
}
});
});
Código PHP:
Ver original<?php
//Guardar los datos en variables
$nombre = $_POST['nombre'];
$asunto = $_POST['nombre'];
$email = $_POST['email'];
$telefono = $_POST['telefono'];
$mensaje = $_POST['mensaje'];
//Cabeceras del correo
$headers = "From: $email\r\n";
$headers .= "X-Mailer: PHP5\n";
$headers .= 'MIME-Version: 1.0' . "\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; //
//Crear el cuerpo
$cuerpo = "<strong>Nombre:</strong> ".$nombre."<br>";
$cuerpo .= "<strong>Email:</strong> ".$email."<br>";
$cuerpo .= "<strong>Telefono:</strong> ".$telefono."<br>";
$cuerpo .= "<strong>Mensaje:</strong> ".$mensaje;
//Validación
if(mail($dest,$asunto,$cuerpo,$headers)){
}
?>