如何解决自定义验证属性不适用于自定义标签帮助程序,仅适用于静态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>
这是调试过程:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。