jquery validate 添加方法来验证日期时间

Question

我正在使用我发现的日期时间选择器插件 here效果很好。

现在唯一的问题是它破坏了 jquery validation plugin 中包含的标准日期验证。因为输入框中的字符串末尾添加了时间。

这是我迄今为止在demo中得到的内容。我添加了一个验证方法来检查该值是否为日期，但它不接受时间。

我需要编写自定义验证方法的帮助。如何拆分 date 和 time 字符串，然后执行测试来验证它们？

谢谢

Answer 1

您已经验证了日期规则。否则，您可以查看 jQuery Validate 插件内部来获取:

date: function( value, element ) {
    return this.optional(element) || !/Invalid|NaN/.test(new Date(value).toString());
},

这是我发现的一个自定义方法，用于验证字符串的时间部分。

$.validator.addMethod("time", function (value, element) {
    return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value);
}, "Please enter a valid time.");

时间演示:http://jsfiddle.net/9CdvN/

只需将这两个函数合并到您的“DateTime”方法中即可。然后在空间处分割输入值并相应地测试每个部分。

<小时/>

这是一个演示，我将日期和时间方法组合在一起。它接受以下格式:yyyy/mm/dd hh:mm，因此您只需稍微调整一下即可。

<强> http://jsfiddle.net/9CdvN/2/