我正在尝试验证两个输入框,用户可以选择日期 - 我已经成功限制了用户只能选择先前的日期,如果他们将第一个文本框选择为今天的日期,则下一个输入框必须是一天后(未来日期)。
提交时,我试图使其验证,以便如果您没有选择其中一个输入框,则会出现错误消息。
我已将“required”设置为true,所以如果您忽略它,它不应该抛出验证错误,表单所在的网站是:http://www.rentruck.co.uk。我也看了这个,但似乎无法复制它http://keith-wood.name/uiDatepickerValidation.html。
提交时,我试图使其验证,以便如果您没有选择其中一个输入框,则会出现错误消息。
<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();}
});
});
我已将“required”设置为true,所以如果您忽略它,它不应该抛出验证错误,表单所在的网站是:http://www.rentruck.co.uk。我也看了这个,但似乎无法复制它http://keith-wood.name/uiDatepickerValidation.html。