2

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

放置在自定义验证方法中的断点在 firebug 中被正确命中，并按预期返回 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
});

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

4

1 回答 1

0

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

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

来自 _Layout.cshtml，它现在正在工作。

于 2012-08-02T05:55:35.827 回答