asp.net-mvc-3 – jQuery.validator.unobtrusive.adapters.addMinMax往返,在MVC3中不起作用

我正在使用DataAnnotations创建一个日期范围验证器,jQuery.validate和jquery.validate.unobtrusive.我已经阅读了以下内容
http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html

http://weblogs.asp.net/mikaelsoderstrom/archive/2010/10/06/unobtrusive-validation-in-asp-net-mvc-3.aspx

和其他但不能发布(noob)

以及SO上的大部分帖子.我正在把头靠在墙上,任何帮助都可以用啤酒/食物/代码/等奖励;)无论如何,这里是代码

我有一个带有以下参数的模型对象:

[display(Name = "Start date"),DayRange(0,5,ErrorMessage = "The Start Date must be between today and 5 days time.")]
public DateTime StartDate { get; set; }

DayRange是一个自定义属性类:

[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property,AllowMultiple = false,Inherited = true)]
public class DayRangeAttribute : RangeAttribute,IClientValidatable
{
    private int _minimumDays;
    private int _maximumDays;

    public DayRangeAttribute(int minimumDays,int maximumDays) : base(minimumDays,maximumDays) 
    {
        _minimumDays = minimumDays;
        _maximumDays = maximumDays;
    }

    public override bool IsValid(object value)
    {
        var datetoBeTested = value as DateTime?;
        return datetoBeTested.HasValue && datetoBeTested.Value >= DateTime.Today.AddDays(_minimumDays) && datetoBeTested.Value <= DateTime.Today.AddDays(_maximumDays);
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata Metadata,ControllerContext context)
    {
        var rule = new ModelClientValidationRule
                         {
                             ErrorMessage = this.ErrorMessage,ValidationType = "dayrange"
                         };
        rule.ValidationParameters.Add("min",_minimumDays);
        rule.ValidationParameters.Add("max",_maximumDays);
        yield return rule;
    }
}

我在web.config中有以下内容

<appSettings>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
</appSettings>

在文档准备好之前,我已经有了以下JS触发器(在doc准备就绪时尝试触发它):

jQuery.validator.addMethod('dayrange',function (value,element,param) {
    if (!value) return false;
    var Now = Date();
    var dateValue = Date.parse(value);
    var minDate = Now.setDate(Now.getDate() - param.min);
    var maxDate = Now.setDate(Now.getDate() + param.max);

    return this.optional(element) && dateValue >= minDate && dateValue <= maxDate;
},'Must fall in range');

jQuery.validator.unobtrusive.adapters.addMinMax('dayrange','minlength','maxlength','dayrange');

我究竟做错了什么?先谢谢你,约尔

解决方法

解决了!我忘了/不明白你必须将jQuery本身传递给函数闭包.因此,客户端上的自定义验证器应如下所示:
$(function () {
    jQuery.validator.addMethod('dayRange',param) {
        if (!value) return false;
        var valueDateParts = value.split(param.seperator);
        var minDate = new Date();
        var maxDate = new Date();
        var Now = new Date();
        var dateValue = new Date(valueDateParts[2],(valueDateParts[1] - 1),valueDateParts[0],Now.getHours(),Now.getMinutes(),(Now.getSeconds()+5));

        minDate.setDate(minDate.getDate() - parseInt(param.min));
        maxDate.setDate(maxDate.getDate() + parseInt(param.max));

    return dateValue >= minDate && dateValue <= maxDate;
});

    jQuery.validator.unobtrusive.adapters.add('dayrange',['min','max','dateseperator'],function (options) {
        var params = {
            min: options.params.min,max: options.params.max,seperator: options.params.dateseperator
        };

        options.rules['dayRange'] = params;
        if (options.message) {
            options.messages['dayRange'] = options.message;
        }
    });
}(jQuery));

我也改变了添加适配器的方式,因此我可以添加其他属性.永远不要发送到服务器端开发人员做前端工程师工作;)希望这有助于某人.

相关文章

这篇文章主要讲解了“WPF如何实现带筛选功能的DataGrid”,文...
本篇内容介绍了“基于WPF如何实现3D画廊动画效果”的有关知识...
Some samples are below for ASP.Net web form controls:(fr...
问题描述: 对于未定义为 System.String 的列,唯一有效的值...
最近用到了CalendarExtender,结果不知道为什么发生了错位,...
ASP.NET 2.0 page lifecyle ASP.NET 2.0 event sequence cha...