jQuery datepicker和jQuery validator 共用时bug

最新推荐文章于 2024-09-11 15:33:18 发布

weixin_30312659

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量75

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/pandaer/p/5476724.html

版权

当我们给一个元素绑定一个datepick后又要对它用validator进行验证时会发现验证并没有成功

因为当点击该元素时候input弹出datepick的UI就已经失去了焦点它验证的仍然是前一个值，

不过还好 datepick提供了onSelect 事件我们可以在这个事件触发的时候重新把焦点在赋给

当前触发的元素，之后当你在失去焦点的时候就可以进行验证啦！

$('ele').datepicker({
    language: "zh-cn",
    onSelect: function (text, inst) {
        this.focus();//把焦点重新绑回到元素上
    }
});
如果想要实现validator实时的验证可以在向onSelect中加入
this.blur();//让元素获取焦点后再失去焦点这样validator就会在onSelect事件后进行验证

转载于:https://www.cnblogs.com/pandaer/p/5476724.html