JQuery - Menu desplegable formulario pedido online

   
Vista:

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

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Menu desplegable formulario pedido online

Publicado por xve (557 intervenciones) el 19/02/2013 09:13:51
Hola Ricardo, aqui tienes un código que te muestra como trabajar con un select con jquery. Ahí veras como validar el contenido. http://www.lawebdelprogramador.com/codigo/JQuery/2308-Ejemplo_de_utilizar_jquery_con_un_select.html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar