css - 除了输入之外的元素需要 MVC 数据验证 (Html.EditorFor)

Question

在 MVC 中，当我创建一个具有“必需”属性的模型并在 HTML 标记中为该属性创建一个 EditorFor（输入框）时，它会自动添加“data-val-required”CSS 属性，然后我可以随意设置该输入框的样式。

假设我在该输入框之前有一个标题，我将如何检测与之关联和旁边的编辑器是否为必填字段，以便我可以设置标题的样式（将其设为红色或在其前面添加星号）的输入？

<td>Heading I want to style</td>
<td>@Html.EditorFor(model => model.requiredfield)</td>

score 0 · Accepted Answer

您可以按如下方式实现：

在模型中设置DisplayName属性的属性如下：

public class ModelName
{
    [Required]
    [DisplayName("Label Text")]
    public string propertyName { get; set; }
 }

然后在视图中，您可以为您的编辑器标签添加类，如下所示：

<td>@Html.LabelFor(model => model.propertyName , new { @class= "className" })</td>
<td>@Html.EditorFor(model => model.propertyName )</td>

上面的标签将呈现如下：

<label for="propertyName " class="className">Label Text</label>

因此，现在您可以根据需要设置编辑器标签的样式。

1 回答 1