如何获得自定义mvc3属性来验证客户端

Question

我已经写了一个自定义属性，但它似乎不工作的客户端。它只在我调用ModelState.IsValid（）方法时才起作用。我在网上读了一些地方，我需要在应用程序启动方法上注册自定义属性，但它并不清楚。请帮忙。与自定义验证属性

public class MaximumAmountAttribute : ValidationAttribute 
    { 
    private static string defErrorMessage = "Amount available '$ {0:C}' can not be more than loan amount '$ {1:C}'"; 
    private string MaximumAmountProperty { get; set; } 
    double minimumValue = 0; 
    double maximumValue = 0; 

    public MaximumAmountAttribute(string maxAmount) 
     : base(defErrorMessage) 
    { 
     if (string.IsNullOrEmpty(maxAmount)) 
      throw new ArgumentNullException("maxAmount"); 

     MaximumAmountProperty = maxAmount; 
    } 

    protected override ValidationResult IsValid(object value, ValidationContext validationContext) 
    { 
     if (value != null) 
     { 
      PropertyInfo otherPropertyInfo = validationContext.ObjectInstance.GetType().GetProperty(MaximumAmountProperty); 

      if (otherPropertyInfo == null) 
      { 
       return new ValidationResult(string.Format("Property '{0}' is undefined.", MaximumAmountProperty)); 
      } 

      var otherPropertyValue = otherPropertyInfo.GetValue(validationContext.ObjectInstance, null); 

      if (otherPropertyValue != null && !string.IsNullOrEmpty(otherPropertyValue.ToString())) 
      { 
       minimumValue = Convert.ToDouble(value); 
       maximumValue = Convert.ToDouble(otherPropertyValue); 

       if (minimumValue > Convert.ToDouble(otherPropertyValue.ToString())) 
       { 
        return new ValidationResult(string.Format(defErrorMessage, minimumValue, maximumValue)); 
       } 
      } 
     } 

     return ValidationResult.Success; 
    } 
} 

Answer 1

创建服务器端验证不“trasnfer”验证规则给客户端浏览器（呈现自定义JavaScript验证功能）。
您也必须将验证逻辑写为客户端脚本。有一些事情，你必须做到：

1. 确保要素（输入）具有客户端上进行验证看起来像这样：

   <input data-val-MaximumAmount="Validation error massage" />

   数据-VAL-XXX需要保存错误消息的属性。 Html.TextBoxFor也是这样做的（将这些属性添加到呈现的html元素中）。

2. 您必须创建和注册客户端验证这种方式：

   (function ($) { 
       // Creating the validation method 
       $.validator.addMethod('MaximumAmount', function (value, element, param) { 
        if (...) // some rule. HERE THE VALIDATION LOGIC MUST BE IMPLEMENTED! 
         return false; 
        else 
         return true; 
       }); 
   
       // Registering the adapter 
       $.validator.unobtrusive.adapters.add('MaximumAmount', function (options) { 
        var element = options.element, 
         message = options.message; 
   
        options.rules['MaximumAmount'] = $(element).attr('data-val-MaximumAmount'); 
        if (options.message) { 
         options.messages['MaximumAmount'] = options.message; 
        } 
       }); 
   
   })(jQuery); 
   
   // Binding elements to validators 
   $(function() { 
       $(':input[data-val-MaximumAmount]').each(function() { 
        $.validator.unobtrusive.parseElement(this, true); 
       }); 
   });