为 ASP.NET MVC 2.0 中的视图中的 [Required] 字段定义标记

Question

我们有一个模型，其属性用 [Required] 装饰，非常适合验证。但是，我们想要做的是在视图中用星号（或其他样式）标记这些必填字段，以表示在用户输入任何数据进行验证之前它们是必需的。

我似乎无法找到 MVC 框架中内置的任何内容来允许我执行此操作，因此想知道是否有其他人已经解决了这个问题以及如何解决？

最终，我们试图防止的是，如果我们随后从模型属性中删除 [Required]，则需要在两个位置更改代码。

非常感谢

Answer 1

您可以为此构建自己的 HtmlHelper 扩展：

public static string RequiredMarkFor<TModel, TValue>(this HtmlHelper html, Expression<Func<TModel, TValue>> expression)
{
    if(ModelMetadata.FromLambdaExpression(expression, html.ViewData).IsRequired)
         return "*";
    else
         return string.Empty;
}

Answer 2

Gregoire 和 Faxanadu 的解决方案的问题是，当使用正常验证对字段进行验证并且使用“Html.ValidationMessageFor()”时，始终显示“*”。

因此，如果您使用这样的 html 扩展：

@Html.EditorFor(model => model.Email)
@Html.RequiredFieldFor(model => model.Email)
@Html.ValidationMessageFor(model => model.Email)

您将看到重复的 *，以防字段出现验证错误。

我基于 this 它还会检查该字段是否已验证。

private static Type[] RequiredTypes = new Type[] { typeof(CustomRequiredAttribute), typeof(RequiredAttribute) };

/// <summary>
/// Generate a <span class="field-validation-error">*<< element.
/// 
/// See http://koenluyten.blogspot.com/2011/06/denote-required-fields-in-aspnet-mvc-3.html
/// </summary>
public static MvcHtmlString RequiredFieldFor<TModel, TValue>(this HtmlHelper<TModel> html,
    Expression<Func<TModel, TValue>> expression, string validationMessage = "*")
{
    // Get the metadata for the model
    var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData);

    string fieldName = metadata.PropertyName;

    // Check if the field is required
    bool isRequired = metadata
        .ContainerType.GetProperty(fieldName)
        .GetCustomAttributes(false)
        .Count(m => RequiredTypes.Contains(m.GetType())) > 0;

    // Check if the field is validated
    bool isValidated = html.ViewData.ModelState[fieldName] != null;

    // If the field is required and not validated; generate span with an asterix
    if (isRequired && !isValidated)
    {
        var span = new TagBuilder("span");
        span.AddCssClass("field-validation-error");
        span.SetInnerText(validationMessage);

        return MvcHtmlString.Create(span.ToString(TagRenderMode.Normal));
    }

    return null;
}

Answer 3

如果您在使用“ModelMetadata.FromLambdaExpression”时收到“无效参数”错误，请确保为 HtmlHelper 指定通用类型参数。这是格雷瓜尔解决方案的修订版本：

public static string RequiredMarkFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression)
    {
        if (ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData).IsRequired)
            return "*";
        else
            return string.Empty;
    }

Answer 4

如果您使用完整表单模板化帮助程序 EditorFor 和 DisplayFor，您需要自定义您自己的 Object.ascx 版本。

Brad Wilson 有一篇很棒的博客文章，概述了这一点：

http://bradwilson.typepad.com/blog/2009/10/aspnet-mvc-2-templates-part-4-custom-object-templates.html

会发生什么如果 ModelMetadata 上的 IsRequired 属性将为 true。 Object.ascx 内部：

<%=propertu.IsRequired ? "*" : ""%>

如果您不使用模板化帮助程序，则必须编写自己的 html 帮助程序。您的观点如何？

Answer 5

我现在的问题有点老了，但我正在努力使用 jquery 找到一个不显眼的解决方案。

我的目标是获取所有标有 data-val-required 属性的输入，然后设置其标签元素标记为 for

以下是示例 jquery 代码：

$('[data-val-required]').each(function() { 
    var $label = $('label[for=' + this.name + ']');

    //from here we can manipulate the label element
    $label.css('font-weight', 'bold');
    $label.text($label.text() + ' *');
});