Problema jquery UI datapicker en formulario

pizarrum · #1 (**permalink**) 08/11/2012, 16:24

Saludos a todos, iré al grano, hace unos dias que empecé a mejorar el formulario de contacto de mi sitio web, sobre todo queria mejorar tres de los inputs del formulario, en uno añadir un jquery UI autocomplete, en otro un jquery UI datapicker y en el ultimo un jquery UI timepicker. Hasta ahi ningun problema los tres inputs funcionaban y hacian lo esperado, pero el problema surgio al enviar dicho formulario, lo que pasó fue que mientras que el resto de inputs corrientes enviaban lo que le hubieses introducido, estos tres no enviaban nada, como si el autocomplete, el datapicker y el time picker no acabasen de meter la informacion en el input. Os voy a copiar y pegar las partes del codigo implicadas y haber si entre todos me podeis hechar una mano.

Código:

<head>
<link href="../../css/base.css" rel="stylesheet" type="text/css" />
<link href="../../css/jqueryUI.css" rel="stylesheet" type="text/css" />
<link href="../../css/jqueryUI-timepicker.css" rel="stylesheet" type="text/css" />
<script src="../../javascript/jquery.js" type="text/javascript"></script>
<script src="../../javascript/contact.js" type="text/javascript"></script>
<script src="../../javascript/autocompleter.js" type="text/javascript"></script>
<script src="../../javascript/jquery-ui-data-auto.js" type="text/javascript"></script>
<script src="../../javascript/jquery-ui-timepicker.js" type="text/javascript"></script>
<script>
    $(function() {
        $("#datepicker").datepicker();
    });
</script>

<script>
	$(function() {
		$("#timepicker").timepicker();
	});
</script>
</head>

<body>

      <div id="contact">
        <div id="message"></div>
        <form method="post" action="contact.php" name="contactform" id="contactform">
          <fieldset>
            <label for="name" accesskey="N"><span class="required">*</span> Tu nombre</label>
            <input name="name" type="text" id="name" size="30" value="" />
            <br />
            <label for="phone" accesskey="T"><span class="required">*</span> Teléfono</label>
            <input name="phone" type="text" id="phone" size="30" value="" />
            <br />
            <label for="email" accesskey="E"><span class="required">*</span> Email</label>
			<input name="email" type="text" id="email" size="30" value="" />
            <br />
            <label for="autocomplete" accesskey="R"><span class="required">*</span> Restaurante</label>
            <input name="autocomplete" type="text" id="autocomplete" size="30" value=""  />
			<br />
            <label for="datepicker" accesskey="F"><span class="required">*</span> Fecha</label>
            <input name="datepicker" type="text" id="datepicker" size="30" value="" />
            <br />
            <label for="timepicker" accesskey="H"><span class="required">*</span> Hora</label>
            <input name="timepicker" type="text" id="timepicker" size="30" value="" />
            <br />
            <label for="comments" accesskey="C">Tu comentario</label>
            <textarea name="comments" cols="40" rows="3" id="comments" style="width: 350px;"></textarea>
            <p><span class="required">*</span> ¿Eres humano?</p>
            <label for="verify" accesskey="V">&nbsp;&nbsp;&nbsp;3 + 1 =</label>
            <input name="verify" type="text" id="verify" size="4" value="" style="width: 30px;" /><br /><br />
            <input type="submit" class="submit" id="submit" value="Enviar" />
          </fieldset>
        </form>
	  </div>
    </div>
  </div>
</div>

</body>

Si necesitais alguna otra parte del codigo o del contact.php encargado de enviar la info del form, lo que sea no dudeis en pedirlo...