Question

我想在我的表单上实现客户端验证，但是当我输入错误的数据时，没有显示任何错误消息。以下是我的型号代码：

型号：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;

namespace LayoutProject.Models
{
    public class Book
    {
        public int BookId { get; set; }
        [Required]
        public String Title { get; set; }
        public String Author { get; set; }
    }
}

我的部分观点：

@model LayoutProject.Models.Book    

<h4>Books</h4>

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

    <table>
        <tr>
            <td>@Html.LabelFor(d=>d.BookId)</td>
            <td>@Html.TextBoxFor(d=>d.BookId)</td>
        </tr>
        <tr>
            <td>@Html.LabelFor(d=>d.Title)</td>
            <td>@Html.TextBoxFor(d=>d.Title)
                @{ Html.ValidateFor(d => d.Title); }
                @Html.ValidationMessageFor(d=>d.Title, "", new { @class = "text-danger" })
            </td>

        </tr>
        <tr>
            <td>@Html.LabelFor(d=>d.Author)</td>
            <td>@Html.TextBoxFor(d=>d.Author)</td>
        </tr>
    </table>

查看：

    @{
    ViewBag.Title = "CreateBooks";
}

<h2>CreateBooks</h2>

<form action="/Home/SaveBooks" method="post">
    @Html.Partial("_CreateBook")
    <input id="createBook" type="submit" value="Submit"/>
</form>

我的控制器：

[HttpPost]
public ActionResult SaveBooks(Book book)
{
    if (ModelState.IsValid)
    {

        //write code to update student 

        return RedirectToAction("Index");
    }
    return View(book);
}

我在布局中添加了所需的脚本：验证和不显眼的脚本。但每当我提交表单时，标题字段为空，这是一个必填字段，它进入控制器并且不显示任何错误消息。知道什么可能导致这个错误吗？

我是否还需要添加所有这些脚本：

  <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.5.1-vsdoc.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate-vsdoc.js" type="text/javascript"></script>
<script src="@Url.Content("/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

Answer 1

当模型无效时，您在控制器中返回错误的视图。更改return View(book);以返回视图（“the_actual_view”，书籍）;

Answer 2

@ Html.ValidationMessageFor（d =＆gt; d.Title，＆＃34;＆＃34;，new {@class =＆＃34; text-danger＆＃34;}）

在这里，您将验证消息设置为：＆＃34;＆＃34;。如果您将其更改为：

@Html.ValidationMessageFor(d=>d.Title, null, new { @class = "text-danger" })

它应该有用。

编辑1： 在模型中保留[必需]。

Answer 3

我没有看到您设置任何验证消息，因此没有要显示的消息。这可能是您问题的解决方案。

[Required(ErrorMessage = "Your Error message here")]

在你的cshtml视图中，不要覆盖上面设置的ErrorMessage，请执行以下操作：

@Html.ValidationMessageFor(d=>d.Title, null, new { @class = "text-danger" })

MVC客户端错误消息未显示

3 个答案: