jquery validate add方法来验证datetime

Question

我正在使用我在这里找到的datetimepicker插件,它运行得很好.

现在唯一的问题是它打破了jquery验证插件中包含的标准日期验证,因为输入框中字符串末尾的时间增加了.

这是我到目前为止演示的内容.我添加了一个验证方法,检查该值是否为日期,但它不接受时间.

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

谢谢

Answer 1

您已经对date规则进行了验证.否则,您可以查看jQuery Validate插件以获取:

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

这是我发现的用于验证time字符串部分的自定义方法.

$.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/