添加MVC3不显眼的验证（addMinMax）

Question

我有这样的属性：

public class AgeRangeAttribute:ValidationAttribute,IClientValidatable 
    { 
public int MinAge { get; set; } 

     public int MaxAge { get; set; } 

public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context) 
     { 
      ModelClientValidationRule rule = new ModelClientValidationRule 
               { 
                ErrorMessage = ErrorMessage, 
                ValidationType = "agerange" 
               }; 
      if (MinAge != int.MinValue) 
      { 
       rule.ValidationParameters.Add("minage", DateTime.Now.AddYears(-MinAge).ToShortDateString()); 
      } 
      if(MaxAge != int.MinValue) 
      { 
       rule.ValidationParameters.Add("maxage", DateTime.Now.AddYears(-MaxAge).ToShortDateString()); 
      } 
      yield return rule; 
     } 
} 

和JS验证表示：

jQuery.validator.addMethod("agerangemin", function (value, element, param) { 
    var date = setDate(new Date(),value); 
    var expected = setDate(new Date(), param); 
    return date <= expected; 
}); 

jQuery.validator.addMethod("agerangemax", function (value, element, param) { 
    var date = setDate(new Date(), value); 
    var expected = setDate(new Date(), param); 
    return date > expected; 
}); 

jQuery.validator.addMethod("agerangemaxmin", function (value, element, param) { 
    var date = setDate(new Date(), value); 
    var expectedMin = setDate(new Date(), param[1]); 
    var expectedMax = setDate(new Date(), param[0]); 
    return date <= expectedMin && date > expectedMax; 
}); 


jQuery.validator.unobtrusive.adapters.addMinMax("agerange", "agerangemin", "agerangemax", "agerangemaxmin"); 

和这个js不工作（没有例外......可能已经死了& :)）

但能正常工作：

jQuery.validator.addMethod("agerange", function (value, element, param) { 
    var date = new Date(); 
    date = setDate(date, value); 
    var expected = setDate(new Date, param); 
    return date <= expected; 
}); 

jQuery.validator.unobtrusive.adapters.addSingleVal("agerange", "minage"); 

它有什么问题？错误在哪里？

Answer 1

一年前，我在定制不显眼的验证方面遇到了一些困难。这是我想出来的。我需要创建验证器来检查用户是否年满18岁。

我的代码：

public class CustomEiteenthValidator : ValidationAttribute, IClientValidatable 
    { 
     protected override ValidationResult IsValid(object value, ValidationContext validationContext) 
     { 
      if (value == null) return null; 
      DateTime date = Convert.ToDateTime(value); 
      var minDate = DateTime.Now.AddYears(-18); 
      if (date > minDate) 
      return new ValidationResult("Employee should be more than 18 years"); 
      return null; 
     } 

     public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context) 
     { 
      var rule = new ModelClientValidationRule() 
      { 
       ValidationType = "eiteenth", 
       ErrorMessage = "Employee should be more than 18 years" 
      }; 
      var date = DateTime.Now.AddYears(-18); 
      rule.ValidationParameters["date"] = String.Format("{0:dd/MM/yyyy}", date).Replace('.', '/'); 
      yield return rule; 
     } 
    } 

在模型：

 [Required] 
     [DataType(DataType.DateTime)] 
     [CustomEiteenthValidator]    
     public DateTime Birthday { get; set; } 

而且在CustomDateValidation.js一些Java脚本代码：

function isFormValid() { 
     var valid = true; 
     $('.field-validation-error').each(function() { 
      valid = false; 
     }); 
     return valid; 
    } 

(function ($) { 
    $.validator.addMethod("eiteenthcheck", function (val, elem, params) { 
     if (!val) { 
      return false; 
     } 
     try { 
      var birthday = $.datepick.parseDate("dd/mm/yyyy", val); 
      var maxBirthday = $.datepick.parseDate("dd/mm/yyyy", $(elem).attr('data-val-eiteenth-date')); 
     } 
     catch (e) { 
      return false; 
     } 
     if (maxBirthday.getTime() > birthday.getTime()) return true; 
     return false; 
    }); 

    $.validator.unobtrusive.adapters.add("eiteenth", ["date"], function (options) { 
     options.rules["eiteenthcheck"] = 'eiteenthcheck'; 
     if (options.message) options.messages["eiteenthcheck"] = options.message; 
    }); 
} (jQuery)); 

鉴于我绘制文本框这样的：

<%: Html.EditorFor(model => model.Birthday) %> 
<%: Html.ValidationMessageFor(model => model.Birthday) %> 

最后一个是我的脚本使用：

<script src="<%= Url.Content("~/Scripts/jquery-1.7.1.min.js") %>" type="text/javascript"></script> 
    <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/jquery.datepick.js") %>" type="text/javascript"></script> 
    <script src="<%= Url.Content("~/Scripts/CustomDateValidation.js") %>" type="text/javascript"></script>