Asp.net MVC 通过Attribute验证datamodel(二) ---使用IClientValidatable

上一篇文章实现的都是服务器端的验证，ASP.net MVC框架给我们提供了非常好的客户端验证机制。下面来修改一下上面的Attribute定义，使其实现IClientValidatable接口

//验证逻辑就是判断专辑的Title是否包含某一个关键字    public class AlbumTitleValidateAttribute : ValidationAttribute,IClientValidatable    {        private readonly string _keyword;        public AlbumTitleValidateAttribute(string keyword)        {            if (string.IsNullOrEmpty(keyword))                throw new Exception("invalid usage");            _keyword = keyword;        }        protected override ValidationResult IsValid(object value, ValidationContext validationContext)        {            if (value != null && value.ToString().ToUpper().Contains(_keyword.ToUpper()))            {                return ValidationResult.Success;            }            else                return new ValidationResult(string.Format("Title does not contain the keyword({0})", _keyword));        }        public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)        {            ModelClientValidationRule rule = new ModelClientValidationRule            {                ValidationType = "albumtitlecontains",                ErrorMessage = FormatErrorMessage(metadata.GetDisplayName())            };            rule.ValidationParameters["inputstring"] = _keyword;            yield return rule;        }    }

 

前台需要使用这两句话来注册验证方法

$.validator.addMethod("albumtitlecontains", function (value, element, param) {            if (value.indexOf(param) < 0) {                return false;            }            else {                return true;            }        });        $.validator.unobtrusive.adapters.addSingleVal("albumtitlecontains", "inputstring");

inputstring代表参数要跟rule.ValidationParameters["inputstring"] = _keyword;的名字一致，并且是要小写

albumtitlecontains验证器的名称要跟ValidationType一致，并且是要小写

 

在使用这些之前，必须保证

1.添加所有的js引用

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

2.Web.config的客户端验证为打开状态

  <appSettings>    <add key="ClientValidationEnabled" value="true"/>     <add key="UnobtrusiveJavaScriptEnabled" value="true"/>   </appSettings>