Recomendado

Formulario de contacto con validación de campos en php

Hoy os dejo un formulario de contacto en php con validación de campos vacíos, se compone de 2 archivos: formulario.php y enviar.php. Solo hay que cambiar la linea 3 del archivo enviar.php, ahí pondremos la dirección de e-mail donde queramos que llegue el formulario. Los estilos css os lo dejo a vuestra elección.




formulario.php




  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <meta name="author" content="joason.com">
  7. <title>Formulario de contacto</title>
  8. <script language="JavaScript">
  9.  function formulariodecontacto(){  
  10.   if (document.formulario.nombre.value==""){ 
  11.    alert("Por favor ingresa tu Nombre."); 
  12.    document.formulario.nombre.select();
  13.    return false;
  14.   }  
  15.   if (document.formulario.correo.value==""){ 
  16.    alert("Por favor ingresa tu E-mail."); 
  17.    document.formulario.correo.select();
  18.    return false;
  19.   }
  20.   if (revisar_correo(document.formulario.correo.value)==false){ 
  21.    alert("Por favor ingresa un E-mail valido."); 
  22.    document.formulario.correo.select();
  23.    return false; 
  24.   }
  25.   if (document.formulario.asunto.value==""){ 
  26.    alert("Por favor ingresa un asunto."); 
  27.    document.formulario.asunto.select();
  28.    return false;
  29.   }
  30.   if (document.formulario.mensaje.value==""){ 
  31.    alert("Por favor ingresa un mensaje."); 
  32.    document.formulario.mensaje.select();
  33.    return false;
  34.   }
  35.   
  36.   return true;
  37.  }
  38.  function revisar_correo(str){
  39.   var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
  40.   if (filter.test(str)){ return true; }else{  return false; }
  41.  }
  42. </script>
  43. </head>
  44. <body>
  45. <div style="margin:auto; width: 310px;">
  46. <br />
  47. <form action="enviar.php" method="post" name="formulario" onSubmit="return formulariodecontacto()">
  48. Su Nombre:<br />
  49. <input name="nombre" type="text" class="campo" id="nombre" size="50" /><br /><br />
  50. Su e-mail:<br />
  51. <input name="correo" type="text" class="campo" id="correo" size="50" /><br /><br />
  52. Asunto:<br />
  53. <input name="asunto" type="text" class="campo" id="asunto" size="50" /><br /><br />
  54. Mensaje:<br />
  55. <textarea name="mensaje" cols="40" rows="5" class="campo" id="mensaje" />
  56. <input class="boton" name="Submit" type="submit" value=" Envíar Mensaje " />
  57. </form>
  58. </div>
  59. </body></html>






enviar.php



  1. <?php
  2. // declaramos el destinatario
  3. $destino = "Aqí nuestra dirección de E-mail";  
  4. // Cargando las variables desde el formulario
  5. $asunto = $_POST["asunto"];
  6. $mensaje = $_POST["mensaje"];
  7. $nombre = $_POST["nombre"];
  8. $correo = $_POST["correo"];
  9.         // Cuerpo del mensaje :
  10. $body ="Tienes un nuevo mensaje de $nombre:

  12. E-Mail :  $correo

  14. Asunto :  $asunto

  16. Mensaje :  $mensaje";
  17. // Si todo está correcto enviamos el correo
  18.  mail($destino, $asunto, $body , "From: $nombre <$correo>"); 
  19. ?>
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml">
  22. <head>
  23. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  24. <meta name="author" content="joason.com">
  25. <title>Correo evíado</title>
  26. <meta http-equiv="refresh" content="3; url=formulario.php">
  27. </head>
  28. <body>
  29. <center>
  30. Gracias, Su correo ha sido enviado.</center>
  31. </body></html>




Eso es todo, para instalar, subimos los 2 archivos por FTP a nuestro servidor Web y los colocamos dentro de una misma carpeta.



Espero que os sea de utilidad.


Saludos..





joason joason 11

Entradas que pueden interesarte

Entradas más recientes Entradas antiguas

11 comentarios