Question

我有一个mvc 5网站，我正在尝试使用内置验证，但它无法正常工作。

“不工作”是指验证消息未显示。我可以在httppost操作上测试模型并验证它是否有效。那部分完美无缺。但我认为应该在帖子之前进行客户端验证。此外，如果没有，不应该在帖子之后出现错误消息吗？

我错过了什么？我已粘贴下面的所有相关代码。

标记在元素中包含验证数据。

<div id="CommentDateDiv" style="display: none;">Comment Date:
    <br />
    <input data-val="true" data-val-required="The CommentDate field is required." id="CommentDate" name="CommentDate" style="width:150px" type="date" />
    <script>
        jQuery(function() {
            jQuery("#CommentDate").kendoDatePicker({
                "format": "M/d/yyyy",
                "min": new Date(2013, 11, 1, 0, 0, 0, 0),
                "max": new Date(2013, 11, 31, 0, 0, 0, 0)
            });
        });
    </script>
</div>
<div>Comment Details:
    <br />
    <textarea class="k-textbox" cols="20" data-val="true" data-val-required="The CommentDetails field is required." id="CommentDetails" name="CommentDetails" rows="2" style="width: 400px; height: 150px;"></textarea>
</div>

这是模型

public class CalendarCommentModel
{
    public string CommentType { get; set; }
    public string EventID { get; set; }
    [Required]
    public string CommentDate { get; set; }
    [Required]
    [DataType(DataType.Text)]
    public string CommentDetails { get; set; }
}

这是标记（使用kendo ui）

@using (Html.BeginForm())
{
    <div style="display: none;">
        <input type="radio" id="EventRadio" name="CommentType" value="event" checked="checked" /><label for="EventRadio">Attach to event</label>
        <input type="radio" id="LooseCommentRadio" name="CommentType" value="loose" /><label for="LooseCommentRadio">Free Comment</label>
    </div>
    <div id="EventSelectorDiv">
        Select Event:<br />
        @(Html.Kendo().DropDownListFor(x => x.EventID).DataTextField("Text")
          .DataValueField("Value")
          .BindTo(@ViewBag.AllEvents).OptionLabel("Select Event...").HtmlAttributes(new { style = "width: 400px;" }))

    </div>
    <div id="CommentDateDiv" style="display: none;">
        Comment Date:<br />
        @(Html.Kendo().DatePicker()
          .Name("CommentDate")
          .Min(Convert.ToDateTime(ViewBag.startDate))
          .Max(((DateTime)Convert.ToDateTime(ViewBag.endDate)).AddDays(-1))
          .HtmlAttributes(new { style = "width:150px" })
        )
    </div>
    <div>
        Comment Details:<br />
        @Html.TextAreaFor(x => x.CommentDetails, new { @class = "k-textbox", style = "width: 400px; height: 150px;" })

    </div>
    @(Html.Kendo().Button()
    .Name("SaveButton")
    .HtmlAttributes(new { type = "submit" })
      .Content("Save Comment"))
}

此外，还添加了相应的脚本。

<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

Answer 1

您需要在表单中包含验证摘要或验证字段。尝试添加

@Html.ValidationSummary()

，它为您提供所有错误的摘要。

或者，如果您想要它用于单个模型属性，则添加类似于commentdetails之后的内容。

@Html.TextAreaFor(x => x.CommentDetails, new { @class = "k-textbox", style = "width: 400px; height: 150px;" })
@Html.ValidationMessageFor(model => model.CommentDetails)

为什么我的验证信息没有显示？

1 个答案: