如何使用 html.验证消息

本文关键字：消息 验证 html 何使用 | 更新日期: 2023-09-27 18:34:43

如果用户输入无效的内容(例如需要数字的字符串(，我试图让我的视图在文本框旁边给我错误消息。 相反，我收到一个丑陋的错误页面，说当用户按下提交时验证失败。

以下是我的观点的一部分：

@model MembershipTest.ViewModels.AddDriverViewModel
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "Add Drivers";
}
@using (Html.BeginForm("AddDriver", "Driver"))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>Customer Information</legend>
 <table>
     <tr>
         <td>
             @Html.Label("First Name:")
             @Html.TextBoxFor(m => m.Driver.F_Name)
             @Html.ValidationMessageFor(m => m.Driver.F_Name)
         </td>
         <td>
             @Html.Label("Gender:")
             @Html.RadioButtonFor(m => m.isMaleChecked, "true") Male
             @Html.RadioButtonFor(m => m.isMaleChecked, "false")Female
         </td>
     </tr>
     <tr>
         <td>
             @Html.Label("Last Name:")
             @Html.TextBoxFor(m => m.Driver.L_Name)
             @Html.ValidationMessageFor(m => m.Driver.L_Name)
         </td>

这是我模型的相关部分：

[Required]
[StringLength(30)]
public string F_Name { get; set; }
[Required]
[StringLength(30)]
public string L_Name { get; set; }

在我的控制器的 post 方法中，我确保使用

if (ModelState.IsValid)

如果用户碰巧在名字文本框中输入了大约 50 个字符长的内容，我希望在他们跳出该文本框时使用 Html.ValidationMessageFor(( 显示错误，以便他们可以在按提交之前看到它。 我是否缺少一些jquery来实现这一目标？ 也许我需要包含一些使用语句？

如何使用 html.验证消息

这很简单.....我只是没有将错误消息字段添加为 [必需] 装饰器的一部分。 例如：

[Required(ErrorMessage = "First name is required")]
[StringLength(30, ErrorMessage = "Name can be no larger than 30 characters")]
public string F_Name { get; set; }
[Required(ErrorMessage = "Last name is required")]
[StringLength(30, ErrorMessage = "Name can be no larger than 30 characters")]
public string L_Name { get; set; }

现在，如果用户未在名称字段中输入任何内容，或者输入的内容超过 30 个字符，则不会执行 Post 方法，并且用户会收到一条小消息，告知他们出了什么问题。

相关文章：