Estoy tratando de validar la entrada de dos cuadros donde el usuario selecciona una fecha – me las he arreglado para llegar lejos como la restricción de que el usuario seleccione una fecha anterior y si se selecciona el primer cuadro de texto como el día de la fecha el siguiente cuadro de entrada debe ser un día de anticipación (fecha futura)
Sobre submit estoy tratando de validar así que si usted no seleccione una de las casillas de entrada te da un mensaje de error.
<asp:Label ID="lblPickupDate" runat="server" Text="Pick-up Date" CssClass="lblPickup"></asp:Label>
<input type="text" class="datePicker" id="validBeforeDatepicker" value="Please select a date" name="pickupdate" /> <span class="ui-icon ui-icon-calendar"></span>
<asp:Label ID="lblReturnDate" runat="server" Text="Return Date" CssClass="lblReturnDate"></asp:Label>
<input type="text" class="datePicker" id="validAfterDatepicker" value="Please select a date" name="returdate" /> <span class="ui-icon ui-icon-calendar"></span>
$(function () {
$("#validBeforeDatepicker").datepicker({
showOn: "button",
buttonImage: "/assets/img/calendar.gif",
buttonImageOnly: true,
minDate: 0,
required: true,
message: "This is a required field",
dateFormat: 'dd-mm-yy',
onClose: function() {$(this).valid();}
});
});
$(function () {
$("#validAfterDatepicker").datepicker({
showOn: "button",
buttonImage: "/assets/img/calendar.gif",
buttonImageOnly: true,
minDate: +1,
required: true,
message: "This is a required field",
dateFormat: 'dd-mm-yy',
onClose: function() {$(this).valid();}
});
});
He conjunto obligados a true, por lo que no debería tirar un error de validación si te lo pierdes?
El sitio donde la forma es: http://www.rentruck.co.uk
También he echado un vistazo a esto, pero no puedo parecen a replicar http://keith-wood.name/uiDatepickerValidation.html
Usted podría tratar de estos dos validación de las bibliotecas para la validación de jQuery UI Datepicker.
Ejemplo de trabajo para H5F
CSS:
HTML:
jQuery:
o Ejemplo de Trabajo para plugin jQuery Validar
CSS:
HTML:
jQuery:
Sobre la Datepicker sitio en
View source
sección se sugieren para comprobar el rango de fecha de forma manual enonClose
evento: