Menu desplegable formulario pedido online
Publicado por Ricardo (1 intervención) el 17/02/2013 21:39:34
Hola no soy programador pero me gusta buscar y meter mano, necesito hacer un formulario de pedido on line par mi web donde el usuario coloca su nombre, apellido, mail, dirección, selecciona un producto y una fecha de entrega de un calendario y cuando acepta le llega un mail al cliente y al administrador de la web (o se a mi).
Pude avanzar bastante ya que encontré un formulario que tiene campos de escritura obligatorios donde se le pueden pedir los datos de nombre. apellido, direccion, mail y cuando el cliente acepta graba los datos en una base MySQL y manda los mails pero no pude:
a) Agregar un campo desplegable con 5 opciones de productos y obligarlo al usaario a seleccionar un campo distinto al que esta por defecto.
Logro colocar el desplegable con una primera opción que dice "Seleccione producto" pero si el usuario no cambia esa opción me llega el mail diciendo que el producto comprado es "seleccione producto" :(
b) Agregar un calendario par que el usuario seleccione una fecha posterior al día actual.
El Formulario que uso lo pongo a continuación y valida con jquery.validate.js y jquery-1.4.4.min.js
Desde ya gracias por la ayuda.
Pude avanzar bastante ya que encontré un formulario que tiene campos de escritura obligatorios donde se le pueden pedir los datos de nombre. apellido, direccion, mail y cuando el cliente acepta graba los datos en una base MySQL y manda los mails pero no pude:
a) Agregar un campo desplegable con 5 opciones de productos y obligarlo al usaario a seleccionar un campo distinto al que esta por defecto.
Logro colocar el desplegable con una primera opción que dice "Seleccione producto" pero si el usuario no cambia esa opción me llega el mail diciendo que el producto comprado es "seleccione producto" :(
b) Agregar un calendario par que el usuario seleccione una fecha posterior al día actual.
El Formulario que uso lo pongo a continuación y valida con jquery.validate.js y jquery-1.4.4.min.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Formulario de Prueba</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript"><!--
$().ready(function() {
$("#formulario").validate();
});
// --></script>
</head>
<body>
<div id="contenedor">
<form id="formulario" name="prueba" method="post" action="enviar.php" enctype="application_x-www-form-urlencoded">
<label>Nombre</label>
<input id="nombre" class="required" type="text" name="nombre" maxlength="60" />
<label>Apellidos</label>
<input id="apellidos" class="required" type="text" name="apellidos" maxlength="60" />
<label>e-mail</label>
<input id="email" class="required email" type="text" name="email" maxlength="60" />
<input type="submit" name="enviar" id="enviar" value="Enviar Datos">
</form>
</div>
</body>
</html>Desde ya gracias por la ayuda.
Valora esta pregunta
0
