Клиентская сторона custom Validation for date range в mvc4

Question

Я пытаюсь проверить возраст до 18 лет, это работает на проверке на стороне сервера, но он не работает на стороне клиента, и я понятия не имею, как это сделать. Я видел статьи, но это не сработало.

1. i реализована логика на стороне сервера 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"); 
}