zoukankan      html  css  js  c++  java
  • 在ASP.NET Core中实现自定义验证特性(Custom Validation Attribute)

    这是我们在实际ASP.NET Core项目中用到的,验证用户名中是否包含空格。

    开始是这么实现的(继承ValidationAttribute,重写IsValid方法):

    public class NoSpaceAttribute : ValidationAttribute
    {
        private static readonly Regex _noSpaceRegex = new Regex(@"^[^s]+$", RegexOptions.Compiled);    
    
        public override bool IsValid(object value)
        {
            string stringValue = Convert.ToString(value, CultureInfo.CurrentCulture);
    
            if (string.IsNullOrEmpty(stringValue))
            {
                return true;
            }
    
            return _noSpaceRegex.IsMatch(stringValue);
        }        
    }

    但发现这样只对服务端验证有效,对前端验证无效。查资料后知道原来还需要实现 IClientModelValidator 接口(需要安装nuget包——Microsoft.AspNetCore.Mvc.Abstractions):

    public class NoSpaceAttribute : ValidationAttribute, IClientModelValidator
    {
        //...
    
        public void AddValidation(ClientModelValidationContext context)
        {
            MergeAttribute(context.Attributes, "data-val", "true");
            var errorMessage = FormatErrorMessage(context.ModelMetadata.GetDisplayName());
            MergeAttribute(context.Attributes, "data-val-nospace", errorMessage);
        }
    
        private bool MergeAttribute(
            IDictionary<string, string> attributes,
            string key,
            string value)
        {
            if (attributes.ContainsKey(key))
            {
                return false;
            }
            attributes.Add(key, value);
            return true;
        }
    }

    这样依然不够,还需要添加真正干活的前端验证js代码:

    $(function ($) {
        $.validator.addMethod("nospace",
            function (value, element, parameters) {
                return /^[^s]+$/g.test(value);
            });
    
        $.validator.unobtrusive.adapters.addBool("nospace");
    }(jQuery));

    经过这3步,就可以正常进行前后端双重验证。

    【参考资料】 

    Validation using IClientModelValidator

    ASP.Net Core MVC - Client-side validation for custom attribute

  • 相关阅读:
    angular4 跨域携带cookie的设置
    引入第三方库jquery
    禁用输入框 浏览器的自动补全功能
    Mongodb 安装和启动
    chrome浏览器的表单自动填充
    jquery原生对象
    js获取文档高度
    字体在各个浏览器中的样式问题
    jquery中的ajax参数说明
    JavaScript中的面向对象
  • 原文地址:https://www.cnblogs.com/dudu/p/6812715.html
Copyright © 2011-2022 走看看