Formulario de contacto Gracias Arriba de la página

Tengo un formulario de contacto que es completamente funcional y muestra un mensaje de “Gracias” al enviarlo. El único problema es que el mensaje de agradecimiento se muestra encima del formulario, por lo que no es obvio que el mensaje se envió cuando el usuario hace clic en él.

Mi formulario está aquí:

http://impressify.cohttps://stackoverflow.com/business-writing.php

¿Cómo lo hago para que cuando haga clic en el botón de enviar la página se desplaza hacia la parte superior y luego muestra el mensaje de contacto? Quiero que sea obvio para el usuario que el mensaje se envió con éxito.

Mi código está abajo:

<? if($_SERVER['REQUEST_METHOD'] == "POST") { $allowedExts = array("gif", "jpeg", "jpg", "png", "doc", "pdf", "docx", "jpg", "docx", "odt", "txt", "msg", "csv", "pps", "ppt", "pptx", "xml", "tar", "m4a", "mp3", "wav", "wma", "mp4", "mov", "flv", "exe"); for ($i = 1; $i <= 2; $i++) { $temp = explode(".", $_FILES["attach".$i]["name"]); $extension = end($temp); if (in_array($extension, $allowedExts)) { move_uploaded_file($_FILES["attach".$i]["tmp_name"], "upload/" .$_POST["firstname"]."-".$_FILES["attach".$i]["name"]); } } $to = 'myemail@gmail.com'; $subject = 'Business Writing Request from '.$_POST["firstname"].$_POST["email"]; $message = $_POST["message"]."\n\n\n Attachments: ".$_FILES["attach1"] ["firstname"]." ".$_FILES["attach2"]["firstname"]." ".$_FILES["attach3"]["firstname"]; $firstname=$_REQUEST['firstname']; $companyname=$_REQUEST['companyname']; $email=$_REQUEST['email']; if (($firstname=="")||($email=="")||($message=="")) { echo "

A first name, message, and email are required, please fill the form again.


"; } else{ mail("n.dumanov@gmail.com", $subject, $message, $email); echo "

Your free consultation request has been received! Expect a detailed response within the next 24 hours!

"; } } ?>







¿Por qué no configura la ID de su formulario y luego dirige al ancla en su acción de formulario?

 

Esto básicamente enviará su formulario y volverá a cargar su URL como:

http://impressify.co/business-writing.php#my-form

Y debería llevarte a donde quieres estar, funcionó en una simple prueba que preparé.

O supongo que en lugar de establecer el ID del formulario en "my-form" , podría establecer el ID de su etiqueta

que contiene su mensaje de confirmación en algo así como "form-confirmation-message" y establecer la acción de su form to action="#form-confirmation-message"

Probablemente esta sea la mejor opción, ya que te llevaría directamente a tu mensaje en lugar de al formulario, que está cerca de tu mensaje.