Formulario web con PHP y JavaScript

PHP y JavaScript

Primero, el código html:

Formulario de Contacto en PHP
<!-- Archivo de validación colocar dentro de HEAD /HEAD -->
<script src="validar.js" type="text/javascript"></script>
<!-- Fin Archivo de validación -->

<!-- Formulario de contacto colocar dentro de BODY /BODY-->
<div align="center"><form action="contacto.php" method="post"><label for="name">Nombre Completo:

<input id="name" name="name" size="27" type="text" /> </label>


<label for="email">Correo Electrónico:

<input id="email" name="email" size="27" type="text" /> </label>


<label for="subject">Asunto:

<input id="subject" name="subject" size="27" type="text" />
</label>


<label for="message">Mensaje:

<textarea id="message" cols="30" name="message" rows="5"></textarea>
</label>


<input name="submit" type="submit" value="Enviar" />

</form></div>
<!-- Fin Formulario de contacto -->

Ahora el Java Script para la validación que llamaremos ‘validar.js’ :


//Función que verifica campos del formulario vacíos
function Validar(f) {
if (f.name.value=="") {
alert("Por favor escriba su Nombre completo");
f.name.focus();
return false;
}
if (f.email.value=="") {
alert("Por favor escriba su direcci\xF3n de correo electr\xF3nico");
f.email.focus();
return false;
}
if (f.subject.value=="") {
alert("Por favor escriba el asunto de su Mensaje");
f.subject.focus();
return false;
}
if (f.message.value=="") {
alert("Por favor escriba su Mensaje.");
f.message.focus();
return false;
}
}

Y por último, el código para enviarlo al correo por php cual página llamaremos ‘contacto.php’ :


<?php
//Importamos las variables del formulario 
@$name = addslashes($_POST['name']); 
@$email = addslashes($_POST['email']); 
@$subject = addslashes($_POST['subject']); 
@$message = addslashes($_POST['message']); 
//Preparamos el mensaje de contacto 
$cabeceras = "From: $email\n" //La persona que envia el correo 
. "Reply-To: $email\n"; // La persona a la que se le puede responder
$asunto = "$subject"; //El asunto 
$email_to = "tudirecciondecorreo@algo.com"; //cambiar por tu email 
$contenido = "$name le ha enviado el siguiente mensaje:\n" . "\n" . "$message\n" . "\n"; 
//Enviamos el mensaje y comprobamos el resultado 
if (@mail($email_to, $asunto ,$contenido ,$cabeceras )) 

{ //Si el mensaje se envía muestra una confirmación 

die("Muchas gracias, su mensaje fue enviado correctamente"); 

}else{ //Si el mensaje no se envía muestra el mensaje de error 

die("Error: Su mensaje no pudo ser enviado, intente más tarde"); }

?>

Pónganle algo de css para que quede más agradable. Por lo demás la forma en la que llega al correo es muy óptima.

Un saludo.

Darío Sánchez

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *