ruby-on-rails-3 - 即使在选择 jquery datepicker 之后，Rails 客户端验证也没有通过 true

Question

在我的应用程序中，我实现了 jquery datepicker 以及 rails 客户端验证。但即使在我选择日期之后，我也会收到“不能为空白”的错误，并且表单没有被提交。选择日期后如何通过验证。

请在下面找到我的 datepicker 代码。

jQuery(document).ready(function($){  
$('#project_start_date').datepicker({ dateFormat: "yy-mm-dd",onSelect: function(selected) {

$("#project_end_date").datepicker("option","minDate", selected)

}
});

Answer 1

如Client Side Validations wiki中所述，您可以添加此选项以使 jQueryUI DatePicker 与 Client Side Validations 兼容：

onClose: function(dateText, inst) { $(inst.input).change().focusout(); }

在您的示例中：

$('#project_start_date').datepicker({
  dateFormat: "yy-mm-dd",
  onSelect: function(selected) { $("#project_end_date").datepicker("option","minDate", selected) },
  onClose: function(dateText, inst) { $(inst.input).change().focusout(); }
})

Answer 2

主要问题是当焦点消失时触发验证......作为一种解决方法，您可以在关闭数据选择器后手动触发焦点事件

$('#project_start_date').datepicker({ dateFormat: "yy-mm-dd",onSelect: function(selected) {

$("#project_end_date").datepicker("option","minDate", selected)

}, onClose: function(){
      //workaround to trigger javascript validation
      $(this).focusout();
}
});