¡Hola amigos! Una consulta, tengo mi código en HTML y en PHP, pero no logro hacer que al momento de dar click en "SUBMIT", al usuario le salga una alerta o un "div" nuevo que diga "MENSAJE ENVIADO CORRECTAMENTE", no quiero dirigirlo a una página diferente, quisiera que en la misma página salga ese mensaje, ya que al momento de dar en "submit", sólamente se recarga la página y causa confusión al usuario si se mandó el mensaje o no.
Este es mi código HTML:
<form action="contact.php" id="form1" name="form1" method="post" class="rd-mailform text-left offset-top-30">
<div class="range offset-top-0">
<div class="cell-md-4">
<div class="form-group">
<label for="contact-name" class="form-label form-label-outside">Nombre Completo<span class="text-primary">*</span>
</label>
<input id="name" type="text" name="name" data-constraints="@Required" placeholder="Nombre Completo" class="form-control" required>
</div>
</div>
<div class="cell-md-4">
<div class="form-group">
<label for="contact-email" class="form-label form-label-outside">Email<span class="text-primary">*</span>
</label>
<input id="email" type="email" name="email" placeholder="Email" data-constraints="@Required @Email" class="form-control" required>
</div>
</div>
<div class="cell-md-4">
<div class="form-group">
<label for="contact-phone" class="form-label form-label-outside">Teléfono</label>
<input id="phone" type="text" name="phone" placeholder="Teléfono" class="form-control">
</div>
</div>
</div>
<div class="form-group textarea-group">
<label for="contact-message" class="form-label form-label-outside">Mensaje<span class="text-primary">*</span>
</label>
<textarea id="message" name="message" placeholder="Mensaje" data-constraints="@Required" class="form-control"></textarea>
</div>
<div class="offset-top-40 text-center">
<button type="submit" name="Submit" value="ENVIAR" class="btn btn-primary">Enviar Ahora</button>
</div>
</form>
<!--<div class="mensajeEnviado"><label class="textoEnviado">¡Mensaje enviado correctamente, estaremos en contacto!<label></div>
</div> -->
Este es mi código PHP, pueden notar que el div de "¡Mensaje enviado correctamente" está como un comentario, ya que obviamente no quiero que salga en la página por default sin que el usuario haya hecho algo, me estuvieron diciendo que lo puedo hacer en "AJAX" para que no lo redirija a otra página, pero sinceramente no sé nada sobre AJAX, si existe la forma de hacerlo en php, les agradecería mucho su ayuda, igual me comentaron que hiciera un "if-else" para pasarlo a otras páginas, pero no creo que sea la mejor opción.
<?php
$para = "[email protected], [email protected]";
$asunto = "Mensaje desde la pag web";
$mailheader = "From: ".$_POST["email"]."\r\n";
$mailheader .= "Reply-To: ".$_POST["email"]."\r\n";
$mailheader .= "Content-type: text/html; charset=utf-8\r\n";
$MESSAGEBODY = "Nombre: ".$_POST["name"]."\n";
$MESSAGEBODY .= "\n<br>Email: ".$_POST["email"]."\n";
$MESSAGEBODY .= "\n<br>Teléfono: ".$_POST["phone"]."\n";
$MESSAGEBODY .= "\n<br>Mensaje: ".($_POST["message"])."\n";
mail($para, $asunto, $MESSAGEBODY, $mailheader) or die ("Error al enviar email");
header("Location: http://www.luanclinicadental.com/contacto.html");
?>