jQuery datepicker-防止在选择日期之前提交表单

问题描述

| 我得到了运行良好的Jquery UI Datepicker，但是一个重要的问题使我遇到了严重的问题。问题是当用户不从datepicker中选择日期并提交查询时，外部服务会抛出错误，否则一切正常。如何防止这种情况，如果未选择日期，则禁用“提交”按钮。有关此操作的任何想法。我将代码放在JSFIDDLE上的另一个问题。如何防止用户选择比明天日期更早的日期，并将tommorow设置为默认日期thx     

解决方法

看一下这个代码片段。我删除了不重要的代码，并注释了我添加的每一行。还更新了jsfiddle示例。

//variable to indicate was date selected or not
var dateSelected = false;
$(\'#date\').datepicker({
    onSelect: function(dateText,inst) {
        ...
        //set to true on date selection
        dateSelected = true;
    },//minimal date to select (today)
    minDate: new Date( (new Date()).getTime() + 3600*24*1000 )
})
... 
//return false when date wasn\'t selected to prevent submission   
$(\'form\').submit(function(){
    if (!dateSelected) {
        alert(\'Choose date please\');
    }
    return dateSelected;
});