jQuery Datepicker 验证类似于 onblur

Posted

技术标签:

【中文标题】jQuery Datepicker 验证类似于 onblur【英文标题】:jQuery Datepicker validate similar to onblur 【发布时间】:2012-06-18 21:36:18 【问题描述】:

我正在使用 jQuery UI Datepicker,并且我想在鼠标单击该字段后立即检查输入字段中输入的日期。我想获得有关该值是否有效的即时反馈。有没有办法做到这一点?

【问题讨论】:

只是一个想法,但由于它是日期选择器,我不相信您可以通过键入来更改输入的值,所以它应该始终有效。 对了,value怎么会无效呢?只需将该字段设为只读以防止输入。 Datepicker 本身当然只允许有效日期。 【参考方案1】:

你可以试试这样的:

$(".datepicker").blur(function()
  var date = "4-5/2012 12:14:60 PM"; // replace this by $(this).val() to get your date from the input
  var validate = Date.parse(date);
  if (validate.isNaN()) 
    // do something if the date is not valid
  

);

【讨论】:

【参考方案2】:

在日期选择器输入字段上附加一个模糊事件,然后检查它的值

$(".dtpicker").blur(function()
.
.
.

【讨论】:

【参考方案3】:

如果您正在寻找验证插件,请尝试jquery validate

【讨论】:

以上是关于jQuery Datepicker 验证类似于 onblur的主要内容,如果未能解决你的问题,请参考以下文章

带有 jquery datepicker 错误的 jquery 验证插件(请输入有效日期)

Jquery 验证不适用于 datepicker 的输入

jquery datepicker上的自定义动态验证直到第二个焦点才起作用

如何修复 jQuery datepicker 的区域设置,使其适用于 Firefox 和 IE7?

DatePicker 验证 Jquery 如何验证

使用 jquery 验证和 jquery-ui datepicker