自定义验证属性不适用于自定义标签帮助程序，仅适用于静态html

问题描述

一段时间以来，我一直在尝试实现此功能，但是没有运气。一世 为我的项目中的文本框构建了一个自定义标签助手，并正在使用它 像这样：

<text-Box asp-for="@Model.PhoneNumber"></text-Box>

问题是我还创建了一个自定义验证属性：

public class InputFormatAttribute : ValidationAttribute,IClientModelValidator
{
    public EInputFormat InputFormat { get; }

    public InputFormatAttribute(EInputFormat format) : base()
    {
        InputFormat = format;
    }

    public void AddValidation(ClientModelValidationContext context)
    {
        string inputMask = "";
        string secondAttribute = "";
        switch (InputFormat)
        {
            case EInputFormat.BranchNumber:
                inputMask = @"'alias': 'GCIS-branch-number'";
                break;
            case EInputFormat.BusinessNumber:
                inputMask = @"'alias': 'GCIS-business-number'";
                break;
            case EInputFormat.DirectDepositaccountNumber:
                inputMask = "'alias': 'GCIS-direct-deposit-account-number'";
                break;
            case EInputFormat.Email:
                secondAttribute = "type = email";
                break;
            case EInputFormat.FullBusinessNumber:
                inputMask = "'alias': 'GCIS-full-business-number'";
                break;
            case EInputFormat.Integer:
                inputMask = "'alias': 'GCIS-integer'";
                break;
            case EInputFormat.InternationalPhoneNumber:
                inputMask = "'alias': 'GCIS-integer'";
                secondAttribute = "type=tel";
                break;
            case EInputFormat.Percentage:
                inputMask = "'alias': 'GCIS-percentage'";
                break;
            case EInputFormat.PhoneNumber:
                inputMask = "'alias': 'GCIS-phone-number'";
                secondAttribute = "data-rule-phoneUS = true";
                break;
            case EInputFormat.PostalCode:
                secondAttribute = "data-rule-postalCodeCA = true";
                break;
            case EInputFormat.socialInsuranceNumber:
                inputMask = "'alias': 'GCIS-social-insurance-number'";
                secondAttribute = "data-rule-minlength = 9";
                break;
            case EInputFormat.Currency:
                secondAttribute = "'alias': 'currency_en'";
                break;
        }

        if (!inputMask.Equals("")) { MergeAttribute(context.Attributes,"data-inputmask",inputMask); }
        if (!secondAttribute.Equals("")) { MergeAttribute(context.Attributes,secondAttribute,""); }

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

   public override bool IsValid(object value)
    {
        //Add more validation on submit...
        return true;
    }

}

使用验证属性的视图模型中的属性：

[display(Name = "Telephone number")]    
[InputFormat(EInputFormat.PhoneNumber)]
public string PhoneNumber { get; set; } 

当我将自定义验证属性与自定义标签帮助程序一起使用时 IClientModelValidator方法 AddValidation（ClientModelValidationContext context）永远不会被调用 而且验证工作永远不会完成。

但是，当我不使用标记帮助程序而只使用静态HTML 所以：

<label class="control-label" asp-for="Phone"> @*works*@
   <span class="field-name">Phone</span`>`
</label>
<input class="form-control" asp-for="Phone">

验证属性方法确实可以运行。...任何人都知道为什么属性类仅适用于静态HTML而不适用于标记帮助器？

解决方法

验证属性方法确实可以运行。...任何人都知道为什么 该属性类仅适用于静态html，不适用于标记 帮手？

很显然，text-box不是正式定义的标签，因此您需要将其创建为自定义taghelper ，以使其与input标签相同。

为了使asp-for的{​​{1}}属性自动触发对您添加到text-box的{​​{1}}的验证，您创建的自定义taghelper需要继承InputTagHelper。

首先，在您的项目中创建以下MyCustomTagHelper类：

InputFormatAttribute

然后，在 PhoneNumber 文件中，添加以下代码（此处namespace MyProject.CustomTagHelper { [HtmlTargetElement("text-box",Attributes = "asp-for")] public class MyCustomTagHelper : InputTagHelper { public MyCustomTagHelper(IHtmlGenerator htmlGenerator) : base(htmlGenerator) { } public override void Process(TagHelperContext context,TagHelperOutput output) { base.Process(context,output);// the key point output.TagName = "input"; output.Attributes.SetAttribute("class","form-control"); } } } 是您的项目名称）：

Views/_ViewImports.cshtml

按如下所示使用文本框标记助手：

MyProject

这是加载视图后@addTagHelper *,MyProject 标签助手的呈现html ：

<text-box asp-for="@Model.PhoneNumber"></text-box>   

这是调试过程：