jquery 验证允许“data-val-date”/MVC 的数字

Question

我已启用客户端验证，并在我的页面上引用了 jquery.validate.js 和 jquery.unobtrusive.ajax.js。我正在使用@Html.TextBoxFor() 在表单中创建输入。

客户端验证工作正常，日期除外。

如果我尝试输入字母，我会收到客户端错误，这很好。

如果我输入一个明显无效的日期，例如 02/77/2018，我会收到预期/期望的客户端错误，就像任何其他未通过验证的类型一样。

但是，如果我只输入一个整数作为日期（例如111），它就会通过验证。有谁知道为什么？

幸运的是，它没有通过控制器中的服务器端验证，但我所有其他验证都是在客户端完成的，我希望保持一致。我可以编写一些自定义代码来验证日期的格式，但似乎必须有一种更简单的方法来确保输入是MM/dd/yyyy 或MM-dd-yyyy 格式。

要重现该问题，请参阅this DotNetFiddle

1. 在文本框中输入 A 并跳出 - 显示错误消息
2. 在文本框中输入 111 并跳出 - 错误消息消失
3. 在文本框中输入 11112018 并跳出 - 错误消息再次出现
4. 再次输入111，错误信息消失
5. 点击保存——表单提交并显示服务器端错误信息

Answer 1

jquery.validate.js 插件通过调用 new Date(value); 来验证日期

实际功能是

// http://docs.jquery.com/Plugins/Validation/Methods/date
date: function( value, element ) {
    return this.optional(element) || !/Invalid|NaN/.test(new Date(value).toString());
},

这是否返回true 还取决于您使用的浏览器。

例如，在 Chrome 中

new Date('aaa') // returns Invalid Date
new Date('111') // return Thu Jan 01 0111 00:00:00 GMT+1030 (Cen. Australia Daylight Time)
new Date('11112018') // returns Invalid Date

在 FireFox/Edge 中

new Date('aaa') // returns Invalid Date
new Date('111') // returns Invalid Date
new Date('11112018') // returns Invalid Date

更令人困惑的是，如果你在 Chrome 中输入 new Date('02/77/2018')，你会得到 Invalid Date，但在 FireFox 和 Edge 中它会返回一个日期（但不是你输入的日期）

顺便说一句，我在 GitHub 上提出了this issue，但被拒绝了。请注意，关于date 的评论将被dateISO 弃用，但这尚未纳入jquery.validate.unobtrusive.js。

This answer 包含一个脚本，您可以使用该脚本对所有浏览器进行正确的客户端验证。

Answer 2

您可以使用正则表达式对照您的正则表达式检查输入。
这只是一个简单的正则表达式，但您可以根据需要构建一个复杂的正则表达式！
天空才是极限

public class SampleViewModel
{
    [RegularExpression(@"^.*\d{1,2}\/\d{1,2}\/\d{4}$", ErrorMessage = "Only mm/dd/yyyy is allowed!")]
    public DateTime Date { get; set; }

}