带有altfields的jQuery UI日期选择器：应在何时启动验证

我的表单上有3个日期选择器（startdate、enddate和duedate），所选日期打印在各自的AltDate字段中。我设置了日期验证规则来验证altfields中的值，而不是日期选择器本身（我尝试在日期选择器上验证，但没有任何效果）

唯一的规则是它们是必需的，并且enddate和duedate必须大于startdate

如果我选择的endate或duedate等于startdate，则在单击submit按钮之前，我不会得到任何预期的验证错误，或者如果我将焦点交给altfield，然后单击away（焦点丢失）

在datepicker中选择日期时，是否有方法手动验证这些输入

这是你的电话号码

代码如下：

HTML:

引用OP：“是否有方法手动验证这些输入…”

使用

.element（）

以编程方式在单个元素上触发验证测试

$("#myform").validate().element("#myfield");

演示：

此演示演示如何使用

.element（）

在DOM就绪事件的第一个字段上触发验证测试。您可以使用自己的自定义事件或函数调用它

请参阅此答案以了解更具体的内容

编辑：根据评论，

onClose

事件不适用于OP，但为了他人的利益保留代码

引用OP：“是否有方法手动验证这些输入…”

使用

.element（）

以编程方式在单个元素上触发验证测试

$("#myform").validate().element("#myfield");

演示：

此演示演示如何使用

.element（）

在DOM就绪事件的第一个字段上触发验证测试。您可以使用自己的自定义事件或函数调用它

请参阅此答案以了解更具体的内容

---

编辑：根据评论，

onClose

事件不适用于OP，但为了其他人的利益保留代码。

请将代码精简到显示问题和构建JSFIDLE演示所需的最低限度。“手动”验证是什么意思？JSFIDLE演示正在进行中，请等待。请查看您的JSFIDLE是如何构造的。您不需要将

部分放入HTML窗格，只需将

正文

内容放入。外部文件包含在左侧面板中，CSS插入到CSS窗格中。请将代码精简到显示问题和构建JSFIDLE演示所需的最低限度。“手动”验证是什么意思？JSFIDLE演示正在进行中，请等待。请查看您的JSFIDLE是如何构造的。您不需要将

部分放入HTML窗格，只需将

正文

内容放入。外部文件包含在左侧面板中，CSS插入到CSS窗格中。datepicker close Thank@Polius上的call element（）中。将此添加到答案中。@Sparky-感谢您的耐心和再次回复。你的解决方案有效。另一个解决方案（onClose）在我的情况下不起作用，因为我正在内联显示日历（在div上调用而不是输入）。@John，我很高兴听到这个消息。为了其他人的利益，我将把答案中的

onclose

代码保留下来。datepicker close上的call element（）谢谢@polius。将此添加到答案中。@Sparky-感谢您的耐心和再次回复。你的解决方案有效。另一个解决方案（onClose）在我的情况下不起作用，因为我正在内联显示日历（在div上调用而不是输入）。@John，我很高兴听到这个消息。为了其他人的利益，我将在我的答案中只保留

一次

代码。

$("#myform").validate().element("#myfield");

$("#myfield").datepicker({
    onClose: function() {
        $("myform").validate().element("#myfield");
    }
});