Foros del Web » Programando para Internet » Jquery »

Agregar un campo desplegable obligatorio en formulario

Estas en el tema de Agregar un campo desplegable obligatorio en formulario en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/02/2013, 16:42
 
Fecha de Ingreso: febrero-2013
Ubicación: buenos aires
Mensajes: 3
Antigüedad: 11 años, 5 meses
Puntos: 0
Agregar un campo desplegable obligatorio en formulario

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

<!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.

Etiquetas: campo, desplegable, formulario, obligatorio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:13.