asp MVC 4中的点分隔客户端日期验证答案

【问题标题】：Dot separated clientside date validation in asp MVC 4asp MVC 4中的点分隔客户端日期验证
【发布时间】：2012-08-01 09:20:13
【问题描述】：

所以几个小时以来，我一直在努力解决这个问题。我正在为我的日期输入字段创建本地化验证。我已经覆盖了默认的 jquery 日期验证器，并且该方法似乎工作正常。一切似乎都按计划进行，但 jquery 验证器不会让我发布表单。

放置在自定义验证方法中的断点在萤火虫中被正确击中，并按预期返回 true。

一旦我继续执行，带有红色矩形的验证错误字段就消失了，但验证摘要仍然显示 MVC 生成的属性错误。

代码如下：

tracker.validate.js

// Replace dots so jq validator can understand what's going on
$(function () {
    $.validator.addMethod(
    "date",
    function (value, element) {
        var s = value;
        s = value.replace(/\./g, '/');

        // Chrome requires tolocaledatestring conversion, otherwise just use the slashed format
        var d = new Date();
        return this.optional(element) || !/Invalid|NaN/.test(new Date(d.toLocaleDateString(value))) || !/Invalid|NaN/.test(new Date(s));
    },
    ""
    );
});

$.validator.unobtrusive.parse();

这是我的局部视图中的脚本引用，该表单所在的位置

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/tracker.validate.js")" type="text/javascript"></script>

日期时间编辑器模板

@model DateTime


<input style="width:44%;display:inline;" type="text" name='@(ViewData.TemplateInfo.HtmlFieldPrefix).Day' value='@Model.Date.ToShortDateString()' class='date'/>
<input style="width:30%;display:inline;" type="text" name='@(ViewData.TemplateInfo.HtmlFieldPrefix).Time' value='@Model.ToShortTimeString()' onblur='formatTimeInput(this)'/>
@Html.HiddenFor(model => model)

日期选择器初始化：

$.datepicker.setDefaults($.datepicker.regional['fi']);

$('.date').datepicker({
    showOn: "button",
    dateFormat: "dd.mm.yy",
    buttonImage: '/content/images/calendarIcon.png',
    buttonImageOnly: true,
    constrainInput: false
});

是我遗漏了什么，还是有什么办法可以摆脱这些默认属性错误？

【问题讨论】：

标签： asp.net-mvc validation datetime localization client-side

【解决方案1】：

显然还有一些其他脚本文件与验证冲突。我删除了这条线

<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>

来自 _Layout.cshtml，它现在可以工作了。

【讨论】：