Question

我正在使用jQuery UI datepicker，我在datepicker输入字段中添加了日期验证，这是我的javascript datepicker代码（' start_date '是 id 我的datepicker输入字段）：

    $('#my-form').validate({
                rules: {
                    start_date: {
                        required: true

                    }

                },
                messages: {
                    start_date: 'Please enter a valid date (yyyy-mm-dd)'

                }
            }); 

$("#start_date").datepicker({
            beforeShowDay: noTheseDays,
            onSelect: function(dateText, inst) {alert(dateText)}});

html 中的datepicker输入字段：

<form id="my-form" method="post">
   ...
    <input class="start_date_field" id="start_date" size="30" type="text" />
   <input id="mysubmit" type="submit" value="Get it" /> 
</form>

问题是，如果我在 javascript 中添加验证码，则当鼠标点击日期选择器时，日期选择器日历不显示start_date）输入字段。 如果我删除了验证，则日历会显示。为什么？？

另一个问题是验证错误消息未显示，如果datepicker输入字段为空并且我提交表单，则错误页面显示为 .. ...

Answer 1

您缺少输入name属性。 validate适用于输入名称，而不是ID。 http://jsfiddle.net/marcosfromero/FBBxW/

JQuery UI datepicker（验证问题）

1 个答案: