LivePalidation与Datepicker有关

时间:2013-12-12 11:14:55

标签: jquery twitter-bootstrap livevalidation bootstrap-datepicker

我正在使用LiveValidation.js,除了带有bootstrap datepicker的字段外,它与我表单中的所有内容完美配合。

从datepicker中选择日期时,日期字段无法正确验证,但是当您选择返回字段然后退出(不更改任何内容)时,表单会正确验证。

如果从datepicker脚本中删除autoclose: true,,表单将在您选择日期后验证,然后单击页面上的其他位置以关闭日期选择器下拉列表尽管您选择了日期后,验证错误消息闪烁然后清除,直到您单击以进行验证。

似乎日期字段验证时或验证时框的内容状态存在问题。我想知道只有在整个领域失去焦点时,是否有一种方法可以改变字段?

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我刚刚面临同样的问题。问题是LiveValidation只会在获得onkeyup事件时触发验证,当从datepicker中选择日期时不会触发该事件。你需要在datepicker的onSelect属性中欺骗它。

例如:

$('.datepicker').datepicker({
            onSelect: function () {
                var e = $.Event("keyup");
                e.keyCode = 13;
                $(this).trigger(e);
            }
        }
    );