jQuery.validator.unobtrusive.adapters.addMinMax往返，在MVC3中不起作用

我正在使用DataAnnotations，jQuery.validate和jquery.validate.unobtrusive创建日期范围验证程序。我已经阅读以下内容： http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html jQuery.validator.unobtrusive.adapters.addMinMax往返，在MVC3中不起作用

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

等，但不能发布它们（小白）

以及大部分岗位对SO。我巴宁我的头靠在墙上，任何帮助可以用啤酒/食品/代码/等被rewardde;）反正这里是代码：

我有以下的参数模型对象：

[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触发前的文件准备就绪（试图触发它时，文档准备好太）：

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');

我在做什么错？在此先感谢，Jol

来源

2011-06-02 jolySoft

解决！我忘了/不明白你必须将jQuery本身传递给函数闭包。因此，在客户端自定义验证应该是这样的：

$(function() { 
    jQuery.validator.addMethod('dayRange', function (value, element, 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));

我也改变我的适配器添加到不显眼的方式，所以我可以添加额外的属性。切勿发送给服务器端开发人员做前端工程师的工作;）希望这可以帮助某人。

来源

2011-06-03 12:53:51 jolySoft

帮了我！谢谢:-) – Peter 2011-06-27 08:59:02

快乐伴侣。花了我几个小时才发现'（jQuery）'最后失踪了，希望你没有花费太多时间。 – jolySoft 2011-06-27 11:01:49

我一直在寻找如何使用jquery验证来构建自定义验证函数，您可以传递参数。你给了我一个很好的例子！ – Peter 2011-06-27 13:08:24

参考： http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html

adapters.addMinMax()的参数是排序依据这样的：

adapterName, minRuleName, maxRuleName, minMaxRuleName, minAttribute, maxAttribute

，所以你需要这样的：

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

AND,,, 

param.min, param.max be sure to undefine. param is an purely array as: ['111','000'].

，所以你需要：

var minDate = now.setDate(now.getDate() - param[0]); 
var maxDate = now.setDate(now.getDate() + param[1]);

来源

2011-10-21 03:47:29 zicjin

jQuery.validator.unobtrusive.adapters.addMinMax往返，在MVC3中不起作用

回答

相关问题