mvc4中日期范围的客户端自定义验证

Question

我正在尝试验证 18 岁以上的年龄，这是在服务器端验证上工作，但它在客户端不工作，我不知道该怎么做。 我看过文章，但没有用。

1. 我在服务器端 C# 中实现了逻辑。
2. 我是否也需要在客户端 jQuery/JavaScript 中实现相同的逻辑。

我的后端代码是

  public class ValidateAge : ValidationAttribute
{
    public ValidateAge( params string[] propertyNames)
    {
        this.PropertyNames = propertyNames;
    }


    public string[] PropertyNames { get; private set; }
    public int MinLength { get; private set; }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        DateTime date = Convert.ToDateTime(value, System.Globalization.CultureInfo.InvariantCulture);
        if (DateTime.Compare(date, DateTime.Now.AddYears(-18)) == -1 || DateTime.Compare(date, DateTime.Now.AddYears(-18)) == 0)
        {
            return ValidationResult.Success;
        }
        else
        {
            return new ValidationResult(this.FormatErrorMessage(validationContext.DisplayName));
        }


    }
}

在模型中是这个

[Required(ErrorMessage="Date of birth is required.")]
  [ValidateAge(ErrorMessage="Age must be above 18.")]
  [DataType(DataType.Date)]
  public DateTime _Dob { get; set; }

它是验证模型，但不显示服务器端或客户端的错误消息，我试过了

jQuery.validator.unobtrusive.adapters.add but no one explained how to use it 
 i dont know how to make it work 

感谢任何帮助。

Answer 1

您也可以使用此链接http://www.c-sharpcorner.com/UploadFile/d87001/remote-validation-in-mvc/ 进行远程验证。

OR

您可以在单击按钮时使用此 Javascript 函数进行日期验证。

 Date.prototype.age = function (at) {
        var value = new Date(this.getTime());
        var age = at.getFullYear() - value.getFullYear();
        value = value.setFullYear(at.getFullYear());
        if (at < value)--age;
        return age;
    };

var dob = new Date(Date.parse($(this).text()));

if (dob.age(new Date()) < 18) {
  $(this).text("Under 18");
}
else {
   $(this).text(" Over 18");
}