0

次の 2 つの datetimepicker 関数/フィールドがあります。

    $(function() 
    {
        $('#updateJobForm').validate();
        var startDateTime = $('#startTime');
        var endDateTime = $('#endTime');
        var currentDate = new Date();
        var orginalDate =  startDateTime.val();

        startDateTime.datetimepicker(
            {
                timeFormat: "hh:mm tt",
                minDate: ("setDate", '',new Date()),
                hourGrid: 12,
                minuteGrid: 15,
                stepMinute: 15,
                onClose: function(dateText, inst) 
                {
                    if (endDateTime.val() != '') 
                    {
                        var testStartTime = startDateTime.datetimepicker('getDate');
                        var testEndTime = endDateTime.datetimepicker('getDate');
                        if (testStartTime > testEndTime)
                        {
                            alert("The start time cannot be greater than the end time.");
                            //startDateTime.val(currentDate.format("m/d/yyyy hh:mm tt"));
                        }
                    }
                    else 
                    {
                        endDateTime.val(dateText);
                    }
                },
                onSelect: function (selectedDateTime)
                    {
                        var testStartTime = startDateTime.datetimepicker('getDate');
                        var testEndTime = endDateTime.datetimepicker('getDate');
                        //if(endDateTime.val() == '')
                        //{
                            endDateTime.datetimepicker('option', 'minDate', startDateTime.datetimepicker('getDate'));
                    }
                }
            );
            endDateTime.datetimepicker(
                {
                    minDate: ("setDate", '',new Date()),
                    timeFormat: "hh:mm tt",
                    hourGrid: 12,
                    minuteGrid: 15,
                    stepMinute: 15,
                    onClose: function(dateText, inst) 
                    {
                        if (startDateTime.val() != '') 
                        {
                            //var testStartTime = startDateTime.datetimepicker('getDate');
                            var testEndTime =  endDateTime.datetimepicker('getDate');
                            //if (testEndTime < testStartTime)
                            //{
                            //alert("The end date blah blah"); // and time must be greater than the start date and time");
                            //endDateTime.val(testStartTime.format("mm/dd/yyyy hh:MM"));
                            //}
                            //else
                            endDateTime.datetimepicker('setDate', testEndTime);
                        }
                        //else 
                        {
                        //  startDateTime.val(dateText);
                        }
                    },
                    onSelect: function (selectedDateTime)
                    {
                    startDateTime.datetimepicker('option', 'maxDate', endDateTime.datetimepicker('getDate') );
                    }
                }
            );
        }
    );
    function validate_form()
    {
        var sDate= new Date(document.updateJobForm.startTime.value);
        var eDate= new Date(document.updateJobForm.endTime.value);
        if ((document. updateJobForm.startTime.value != "") && (document. updateJobForm.endTime.value != "") && (sDate < eDate))

        {
            return true;
        }

        else

        {
            alert("Please choose a start date/time that begins before the end date/time");
            return false;
        }
    }

そして、次のような送信ボタンから呼び出される validate_form 関数:

<td align="right"><input name="reset" type="reset" value="Reset" />
<input name="submit" type="submit" value="Update" onclick="validate_form()"/></td>
<td>&nbsp;</td>

送信ボタンをクリックすると (間違ったデータ、つまり開始日が終了日よりも大きい)、ユーザーに時刻を修正するよう通知する警告メッセージが表示されます。ユーザーが警告に対して [OK] をクリックすると、フォームは無効なデータを送信します。関数は正しく、ロジックは機能しているように見えますが、関数が false を返した後にフォームが送信されるのはなぜですか? さらに悪いことに、データが正しい場合、フォームはまったく送信されません。何がうまくいかず、どうすれば修正できますか?

4

2 に答える 2

2

ボタンのリターンを逃した

onclick="return validate_form()"
于 2013-07-18T14:53:17.310 に答える
0

検証関数は、送信ボタンの「onClick」イベントではなく、フォーム自体の「onSubmit」イベントに配置する必要があります。戻り値がフォームの送信を妨げている場所です!

于 2013-07-18T14:53:29.103 に答える