Question

我有一个包含多个字段的表单，其中一个字段使用jquery datepicker插件让用户选择日期。

我希望仅在单击提交按钮后才能验证表单。

jquery validate插件用于表单验证。

$("#newRequestForm").validate({
    debug: true,
    rules : {
                       name : {
                                 required: true,
                                 minlength: 5
                        },
        dueDateValue : {
            required: true,
            DateFormat: true
        }
    }
})

用户应该能够在不触发验证的情况下浏览表单字段。

这适用于表单中的普通文本字段。但是，对于应用了日期选择器的文本字段，只要焦点移出该字段，就会触发表单验证。这就是调用datepicker的方式。 onSelect仅在选择日期后进行验证。

$("#dueDateValue").datepicker( {
               minDate: new Date(),
               onSelect: function(dateText, inst) {
                       $("#newRequestForm").validate().element("#dueDateValue");
               }
});

验证插件不应验证用户是否只是选中了duedate字段并在没有选择日期的情况下外出。

有办法吗？感谢

Answer 1

在验证中有一个属性onfocusout，可以让你这样做..只需设置，$("#newRequestForm").validate({ debug: true, rules : {..}, onfocusout: true });

jquery Datepicker在焦点输出时触发验证

1 个答案: