3

ユーザーが日付を選択する2つの入力ボックスを検証しようとしています-ユーザーが以前の日付を選択するように制限することができました。最初のテキストボックスを今日の日付として選択した場合、次の入力ボックスは1日でなければなりません先に（将来の日付）

送信時に検証しようとしているので、入力ボックスのいずれかを選択しないとエラーメッセージが表示されます。

<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

4

2 に答える 2

3

セクションのDatepicker サイトでは、イベントView sourceの日付範囲を手動で確認することをお勧めします。onClose

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onClose: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});
于 2012-12-11T11:29:00.787 に答える