javascript - 验证消息在页面加载时显示

Question

我有一段 Razor 代码，如下所示:

<div class="form-group">
    @Html.Label("State", new { @class = "control-label col-md-4" })
    <div class="col-md-8">
        <div class="tt-container">
            @Html.Editor("StateName", new { htmlAttributes = new { @id = "StateName", @class = "form-control", @required="required" } })
        </div>
        @Html.ValidationMessage("StateName", "The State field is required", new { @class = "text-danger" })
    </div>
</div>

页面加载时显示验证消息状态字段为必填。我只想在用户尝试提交表单时显示该文本框是否为空的消息。

如果我这样做:

@Html.ValidationMessage("StateName", "", new { @class = "text-danger" })

显然我没有看到任何验证消息，因为它是空的，但是当我单击提交并且该文本框为空时，我收到一条验证消息，内容为此字段为必填。

我正在寻找两种可能性中的一种。

对于第一个问题，如果相应的文本框为空，我可以在单击提交按钮后显示验证消息吗？

对于第二个问题，我能否让该错误消息更具描述性，例如 The State field is required？

感谢任何帮助。

Answer 1

您可以使用此ValidationMessage辅助方法重载

@Html.ValidationMessage("StateName")

验证消息将是由模型验证框架生成的消息，格式为“The {propertyName} is required”