Javascript 如何让jQuery验证插件与jQuery微调器配合使用?

Javascript 如何让jQuery验证插件与jQuery微调器配合使用?,javascript,jquery,jquery-ui,jquery-plugins,Javascript,Jquery,Jquery Ui,Jquery Plugins,因此,我使用jQuery微调器,我希望它能够通过jQuery验证插件进行验证。微调器的格式如下所示,代码如下所示: jQuery("#mySpinner").spinner({ min: 110, max: 350, step: 10, spin: function() {jQuery("form").valid();} }); jQuery("form").validate({ rules:{ mySpinner: {required: true,

因此,我使用jQuery微调器,我希望它能够通过jQuery验证插件进行验证。微调器的格式如下所示,代码如下所示:

jQuery("#mySpinner").spinner({
    min: 110,
    max: 350,
    step: 10,
    spin: function() {jQuery("form").valid();}
});

jQuery("form").validate({
  rules:{
    mySpinner: {required: true, min: 150, max: 350}
  }
});
我调用jQueryform.valid on spin,因为当微调器旋转时,验证不会发生。这将是我的问题的结束,但不幸的是,验证发生在微调器中的值更改之前。以下是场景:

用户在微调器中键入1111。验证从第4个1开始,因为max in.validate设置为350,并让用户知道输入无效。然后用户单击向下箭头。首先,启动验证,并将该值标记为无效。接下来,微调器内部的值将从微调器的最大值更改为最大值350。剩下的是一个标记为无效的有效值。如果再次单击微调器,它将使用新值进行验证,无效标志将消失

有人能告诉我如何在微调器中的值更改后进行验证检查吗?就这一点而言,如果有一个更明显、更简单的解决方案,你能说出来吗


提前谢谢

查看来自的TimeScaleStartAndEnd示例。他们有“代码”选项卡来查看html代码。希望该示例能对您有所帮助。

我通过执行以下操作,在微调器中的值更改后成功触发了验证:

jQuery(".ui-spinner").mouseup(function() {jQuery("form").valid();});

我认为使用“改变”事件而不是“旋转”事件可以解决您的问题。即

jQuery("#mySpinner").spinner({
    min: 110,
    max: 350,
    step: 10,
    change: function() {jQuery("form").valid();}
});

你能说得更具体些吗?我看不到有任何东西可以解决我的问题。此示例将帮助您了解更多关于此问题的信息,或者“停止”方法也是一种很好的方法。它在旋转后被触发,而“更改”则在旋转器的值更改且输入不再聚焦时被触发。