Jump to content

Por favor Ayuda con mi formulario !


Recommended Posts

Hola Amigos les cuento que estoy armando una página y tengo un problema que me que no se como solucionarlo, yo soy publicista y ayudo a desarrollar esta página junto a unos amigos.

 

El problema es que estoy realizando un formulario de contacto donde me gustaria que los campos como "Nombre, telefonos, direccion, etc" fueran obligatorios para el visitante, osea que no pueda mandar el formulario si no los completa... he revisado muchas otros foros, pero soy medio ñurdo porfa si me pueden explicar con peras y manzanas se lo agradeceria mucho, dejo el codigo de mi formulario:

 

 

codigo html:

 

<html>

<head>

<link rel="shortcut icon" href="favicon.ico"favicon.ico" type="image/x-icon" />

<meta name="Keywords" content="Ok Laptop, Somos expertos en reparacion, mantenimiento y ventas de desktops, laptops, Iphones, Ipods, smartphones, Nintendo DS, Playstation, PSP, Xbox. Además desarrollamos sitios web">

<meta name="Description" content=".::ok Laptop::. Somos expertos en reparacion, mantenimiento y ventas de desktops, laptops, Iphones, Ipods, smartphones, Nintendo DS, Playstation, PSP, Xbox. Además desarrollamos sitios web">

<title>.: Ok Laptop:. Formulario de Cotizacion</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<style type="text/css">

<!--

#form1 div table tr td {

color: #FFF;

}

-->

</style>

<script type="text/javascript">

 

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-20635801-1']);

_gaq.push(['_trackPageview']);

 

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

 

</script>

</head>

 

<body background="imagenescontacto/Fondo windowspsd.jpg">

<form id="form1" name="form1" method="post" action="enviar2.php">

<div align="center">

<p> </p>

<p> </p>

<table width="46%" border="0">

<tr>

<td colspan="2" scope="col"><img src="imagenescontacto/formucabezera.png" width="462" height="54"></td>

</tr>

<tr>

<td scope="col"> </td>

<td width="70%" scope="col"> </td>

</tr>

<tr>

<td width="30%" scope="col">Nombre: </td>

<td scope="col"><input name="nombre" type="text" id="nombre" /></td>

</tr>

<tr>

<td>Direccion:</td>

<td><input name="direccion" type="text" id="direccion" /> </td>

</tr>

<tr>

<td>Telefono:</td>

<td><input name="telefono" type="text" id="telefono" /></td>

</tr>

<tr>

<td>Movil:</td>

<td><input name="movil" type="text" id="movil" /></td>

</tr>

<tr>

<td>Email:</td>

<td><input name="email" type="text" id="email" /></td>

</tr>

<tr>

<td>Tipo de computador:</td>

<td><input name="tipo" type="text" id="tipo" /></td>

</tr>

<tr>

<td>Modelo:</td>

<td><input name="modelo" type="text" id="modelo" /></td>

</tr>

<tr>

<td>¿Por qué solicita una cotización?, ¿qué piensa usted que tiene su equipo?</td>

<td><textarea name="mensaje1" cols="30" rows="5" id="mensaje1"></textarea></td>

</tr>

<tr>

<td>¿Detalles del trabajo que usted desea?</td>

<td><textarea name="mensaje2" cols="30" rows="5" id="mensaje2"></textarea></td>

</tr>

<tr>

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

<td><input type="reset" name="button" id="button" value="Restablecer"></td>

</tr>

<tr>

<td> </td>

<td> </td>

</tr>

<tr>

<td colspan="2"><img src="imagenescontacto/formuabellow.png" width="462" height="54"></td>

</tr>

</table>

</div>

<p> </p>

</form>

</body>

</html>

 

Y el PHP es:

 

<?php

 

$mail='[email protected]';

 

 

$nombre = $_POST['nombre'];

$direccion = $_POST['direccion'];

$telefono = $_POST['telefono'];

$movil = $_POST['movil'];

$email = $_POST['email'];

$tipo = $_POST['tipo'];

$modelo = $_POST['modelo'];

$mensaje1 = $_POST['mensaje1'];

$mensaje2 = $_POST['mensaje2'];

 

 

$thank="gracias.html";

 

$message = "

Nombre:".$nombre."

Direccion:".$direccion."

Telefono:".$telefono."

Movil:".$movil."

Email:".$email."

Tipo:".$tipo."

Modelo:".$modelo."

Que piensa que tiene:".$mensaje1."

Que desea que hagamos:".$mensaje2."";

 

 

if (mail($mail,"Cotizacion",$message))

Header ("Location: $thank");

 

?>

 

 

Muchas gracias de antemano !!

Link to comment
Share on other sites

Hola.

 

 

Si quieres hacer la validacion con PHP la puedes hacer de la siguiente manera(Ocupare solo dos campos de tu codigo, Despues tu puedes agregar los demas)

 

Formulario.

 

<form id="form1" name="form1" method="post" action="enviar2.php">
   <input name="nombre" type="text" id="nombre" />
   <input name="email" type="text" id="email" />
</form>

 

Enviar2.php

 

$nombre = $_POST['nombre'];
$email = $_POST['email'];

if(($nombre == '') ||  ($email == '')){
   
    echo '<script>alert("favor llenar el fomulario correctamente");window.history.back();</script>';
}else{
    // ACA MANDAS EL CORREO
}

 

Otra manera de hacerlo, es como javascript que es la mas recomendada ya que no te deja mandar el formulario sin que este correctamente validado.

 

Aca te adapto el ejemplo que encontre en internet a tu codigo.

 

Formulario.

 

<form id="form1" name="form1" method="post" action="enviar2.php">
   <input name="nombre" type="text" id="nombre" />
   <input name="email" type="text" id="email" />
   <input type="button" value="Enviar" onclick="valida_envia()">
</form>

 

En el mismo header de tu pagina donde esta escrito el formulario. debes escribir, esto.

 

<script>

function valida_envia(){ 
   if (document.fvalida.nombre.value.length==0){ 
         alert("Tiene que escribir su nombre");
           document.fvalida.nombre.focus();
           return 0;
   }

   if (document.fvalida.email.value.length==0){ 
         alert("Tiene que escribir su email");
           document.fvalida.email.focus();
           return 0;
   }

    //el formulario se envia 
       alert("Muchas gracias por enviar el formulario"); 
       document.fvalida.submit(); 

}

</script>

 

 

 

Espero que te sirva de ayuda.

 

 

Saludos.

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...