输入验证仅在主键和复选框类型输入标签上生成 data-* 属性

Question

我创建了一个使用VS2015-Update3 创建的示例ASP.NET MVC Core 1.1 Web 应用程序。它仅在作为主键的模型属性和 bool 类型的属性上生成带有 data -* attributes 的输入标签。例如，在以下示例中，生成的 html（如下所示）仅显示为模型的属性 MyEntityId 和 Prop2 生成的输入标记上的数据属性。 注意：我使用的是默认的 ASP.NET Core Web 应用程序模板，它会自动安装 Jquery、Bootstrap 等。

型号：

public class MyEntity
{
    public int MyEntityId { get; set; }

    public string Prop1 { get; set; }

    [Column(TypeName = "char(2)")]
    [RegularExpression(@"^[0-9]{2,2}$", ErrorMessage = "Must enter two digit numbers"), StringLength(2)]
    public string TestCode { get; set; }

    public DateTime? StartDate { get; set; }

    public bool Prop2 { get; set; }
}

查看

<form asp-controller="TestController" asp-action="TestAction" method="post" class="form-horizontal">
    <div asp-validation-summary="All" class="text-danger"></div>
    <div><input type="hidden" asp-for="MyEntityId" /></div>

    <div class="form-group">
        <label asp-for="Prop1" class="col-md-2 control-label"></label>
        <div class="col-md-10">
            <input asp-for="Prop1" class="form-control" style="margin-top:15px;" />
            <span asp-validation-for="Prop1" class="text-danger"></span>
        </div>
    </div>
    <div class="form-group">
        <label asp-for="TestCode" class="col-md-2 control-label"></label>
        <div class="col-md-2">
            <input asp-for="TestCode" class="form-control" />
            <span asp-validation-for="TestCode" class="text-danger"></span>
        </div>
    </div>

    <div class="form-group">
        <label asp-for="StartDate" class="col-md-2 control-label"></label>
        <div class="col-md-10">
            <input asp-for="StartDate" type="date" class="form-control" />
            <span asp-validation-for="StartDate" class="text-danger"></span>
        </div>
    </div>
    <div class="form-group">
        <label asp-for="Prop2" class="col-md-2 control-label"></label>
        <div class="col-md-1">
            <input asp-for="Prop2" class="form-control" style="zoom:0.5;margin-top:25px;" />
            <span asp-validation-for="Prop2" class="text-danger"></span>
        </div>
    </div>
    <button type="submit" name="submit" value="testVal">Save</button>
</form>

生成的 Html：

<div><input type="hidden" data-val="true" data-val-required="The MyEntityId field is required." id="MyEntityId" name="MyEntityId" value="54321"></div>
<div class="form-group">
    <label class="col-md-2 control-label" for="StateName">Prop1</label>
    <div class="col-md-2">
        <input class="form-control" readonly="" type="text" id="Prop1" name="Prop1" value="TestVal">
        <span class="text-danger field-validation-valid" data-valmsg-for="Prop1" data-valmsg-replace="true"></span>
    </div>
</div>
<div class="form-group">
    <label class="col-md-2 control-label" for="TestCode">TestCode</label>
    <div class="col-md-2">
        <input class="form-control" type="text" id="TestCode" name="TestCode" value="">
        <span class="text-danger field-validation-valid" data-valmsg-for="TestCode" data-valmsg-replace="true"></span>
    </div>
</div>
<div class="form-group">
    <label class="col-md-2 control-label" for="StartDate">Start Date</label>
    <div class="col-md-10">
        <input type="date" class="form-control" id="StartDate" name="StartDate" value="2015-10-01">
        <span class="text-danger field-validation-valid" data-valmsg-for="StartDate" data-valmsg-replace="true"></span>
    </div>
</div>
<div class="form-group">
    <label class="col-md-2 control-label" for="Prop2">Test Prop2</label>
    <div class="col-md-1">
        <input class="form-control" data-val="true" data-val-required="Test Prop2 is required." id="Prop2" name="Prop2" style="zoom:0.5;margin-top:25px;" type="checkbox" value="true">
        <span class="text-danger field-validation-valid" data-valmsg-for="Prop2" data-valmsg-replace="true"></span>
    </div>
</div>

Answer 1

我假设您的问题是 TestCode 没有对其进行验证，尽管同时应用了 RegularExpression 和 StringLength 属性。 MyEntityId 和 Prop2 不可为空，因此需要对它们进行隐式验证，而 Prop1 和 StartDate 可以为空且未应用任何显式验证。因此，这些都没有得到验证。

TestCode 不过很奇怪。我不确定你是否真的会得到data-* 属性，因为正则表达式和字符串长度都可以分别使用HTML 属性pattern 和maxlength 来满足。 但是，您应该将pattern 和maxlength 应用于TestCode 的输入，但事实并非如此。

根据docs，您拥有的代码应该可以工作，至少，似乎StringLength 是通过data-val-maxlength 应用的，而不是（或者可能是除了）使用maxlength 属性。要么有一些错误在起作用，要么你的代码库中有其他东西阻止了正确行为的发生。但是，没有更多的代码，这是不可能的。