如果用户输入无效的内容(例如需要数字的字符串),我试图让我的视图在文本框旁边给我错误消息。相反,我收到一个丑陋的错误页面,说当用户按下提交时验证失败。
以下是我的部分观点:
@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 来实现这一点?也许我需要包括一些使用声明?