Question

在这里，我试图在模型类Age的{{1}}属性中进行客户端和服务器端验证，为此我使用了自定义验证属性，即contact和Digt属性，用于检查输入中的大写和数字，如果不是，则应给出验证属性中指定的错误消息。
现在的问题是，单击提交按钮时，将按要求显示验证消息，但是即使不满足输入条件，在单击提交按钮之前，也不会显示错误消息。

任何帮助都将非常有用，谢谢。

以下是我的数字和大写自定义验证属性
大写字母属性

UpperCase

数字属性

public class UpperCaseAttribute : ValidationAttribute
{
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (value != null)
        {
            string suppliedValue = (string)value;
            var hasUpperChar = new Regex(@"[A-Z]+");
            var match = hasUpperChar.IsMatch(suppliedValue);
            if (match == false)
            {
                return new ValidationResult("Input Should Have Uppercase ");
            }
        }
        return ValidationResult.Success;
    }
}

以下是我的联系人模型类的元数据
ContactMetadata

public class DigitAttribute : ValidationAttribute
{ 
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (value != null)
        {
            string suppliedValue = (string)value;
            var hasNumber = new Regex(@"[0-9]+");
            var match = hasNumber.IsMatch(suppliedValue);
            if(match == false)
            {
                return new ValidationResult("Input Should Have Number");
            }
        }
        return ValidationResult.Success;
    }
}

下面是我的看法 创建视图

public class ContactMetadata
{
    public int Id { get; set; }
    [Required(ErrorMessage = "Age is Required")]
    [UpperCase]
    [Digit]
    public string Age { get; set; }
}

Answer 1

您的验证属性必须实现IClientModelValidator，并且您还必须在客户端编写自己的验证逻辑：

public class UpperCaseAttribute: System.ComponentModel.DataAnnotations.ValidationAttribute, IClientModelValidator
{
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (value != null)
        {
            string suppliedValue = (string)value;
            var hasUpperChar = new Regex(@"[A-Z]+");
            var match = hasUpperChar.IsMatch(suppliedValue);
            if (match == false)
            {
                return new ValidationResult("Input Should Have Uppercase ");
            }
        }
        return ValidationResult.Success;
    }

    public void AddValidation(ClientModelValidationContext context)
    {
        if (context == null)
        {
            throw new ArgumentNullException(nameof(context));
        }

        AttributeUtils.MergeAttribute(context.Attributes, "data-val", "true");
        AttributeUtils.MergeAttribute(context.Attributes, "data-val-uppercase", FormatErrorMessage(context.ModelMetadata.GetDisplayName()));
    }
}

public class AttributeUtils
{
    public static bool MergeAttribute(
        IDictionary<string, string> attributes,
        string key,
        string value)
    {
        if (attributes.ContainsKey(key))
        {
            return false;
        }
        attributes.Add(key, value);
        return true;
    }
}

您必须在html中包含jquery.validate.min.js和jquery.validate.unobtrusive.min.js。然后，在内容加载后添加相应的规则和功能，如下所示：

$.validator.addMethod("uppercase",
    function (value, element, params) {
        return value === value.toUpperCase();
    });

$.validator.unobtrusive.adapters.add("uppercase",
    params,
    function (options) {
        options.rules[index] = options.params;
        options.messages[index] = options.message;
    });

Answer 2

在为服务器端创建定制验证属性时，还需要为客户端编写自己的定制验证脚本。在asp.net mvc中，客户端验证将与不引人注目的验证脚本挂钩。对于.NET Core，您可以参考此Defining client validation rules on the client side

如何在ASP.NET Core 2.0中的自定义验证属性中进行客户端验证？

2 个答案: