.NET Core 必填字段指示器

Question

这适用于 ASP.NET MVC Core 1.1 Web 应用程序。

我想要一种为模型中设置了 [Required] 属性的字段显示必填字段指示符（如标签后的红色 *）的好方法。

目前我使用 LabelTagHelper 在表单上添加了标签，如下所示：

<label asp-for="Surname" class="required"></label>

我有一些 CSS 会根据“必需”类的存在在我的标签后添加 * 符号：

label.required:after {
    color: #A94442;
    content: ' *';
    display:inline;
}

这行得通。但是当然，如​​果我更改我的模型并为字段添加或删除 [Required] 属性，我必须确保我手动转到标记并进行相应的更改，为相关标签添加或删除“必需”类.

谁能帮助我以一种优雅的方式根据模型上 [Required] 属性的存在将“必需”类添加到标签中，而不必将其硬编码到 cshtml 中？

也许是一个继承自 LabelTagHelper 的自定义标签助手？并使用反射查看[Required]属性是否在model字段中？

或者有没有更好的方法？

Answer 1

您可以创建一个专用的 TagHelper 来实现此目的：

[HtmlTargetElement("label", Attributes = ForAttributeName)]
public class RequiredTagHelper : TagHelper
{
    private const string ForAttributeName = "asp-for";

    [HtmlAttributeName(ForAttributeName)]
    public ModelExpression For { get; set; }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        if (context == null)
            throw new ArgumentNullException(nameof(context));

        if (output == null)
            throw new ArgumentNullException(nameof(output));

        if (For.Metadata.IsRequired)
        {
            var existingClass = output.Attributes.FirstOrDefault(f => f.Name == "class");
            var cssClass = string.Empty;
            if (existingClass != null)
            {
                cssClass = $"{existingClass.Value} ";
            }

            cssClass += "required";
            output.Attributes.SetAttribute("class", cssClass);
        }
    }
}

Answer 2

建议：

而不仅仅是output.Attributes.Remove(existingClass);，如果标签没有属性“class”，可能会进行一些验证：

if(existingClass != null)
{
     output.Attributes.Remove(existingClass);
}