@html.validationmessagefor加样式,c# - How to use html.ValidationMessageFor - Stack Overflow

心已赠人 2022-10-07 07:58 29阅读 0赞

I'm trying to get my view to give me the error message next to the text box if a user enters something invalid (like a string where it's expecting a number). Instead, I'm getting an ugly error page saying validation failed when the user presses submit.

Here is a portion of my view:

@model MembershipTest.ViewModels.AddDriverViewModel

@\{

Layout = "~/Views/Shared/\_Layout.cshtml";

ViewBag.Title = "Add Drivers";

@using (Html.BeginForm("AddDriver", "Driver"))

@Html.AntiForgeryToken()

@Html.ValidationSummary(true)

Customer Information

<table> 
 <tbody> 
  <tr> 
   <td><p>@Html.Label("First Name:")</p><p>@Html.TextBoxFor(m =&gt; m.Driver.F_Name)</p><p>@Html.ValidationMessageFor(m =&gt; m.Driver.F_Name)</p></td> 
   <td><p>@Html.Label("Gender:")</p><p>@Html.RadioButtonFor(m =&gt; m.isMaleChecked, "true") Male</p><p>@Html.RadioButtonFor(m =&gt; m.isMaleChecked, "false")Female</p></td> 
  </tr> 
  <tr> 
   <td><p>@Html.Label("Last Name:")</p><p>@Html.TextBoxFor(m =&gt; m.Driver.L_Name)</p><p>@Html.ValidationMessageFor(m =&gt; m.Driver.L_Name)</p></td> 
  </tr> 
 </tbody> 
</table>

And here is the relevant portion of my model:

\[Required\]

\[StringLength(30)\]

public string F\_Name \{ get; set; \}

\[Required\]

\[StringLength(30)\]

public string L\_Name \{ get; set; \}

In the post method of my controller, I make sure to use

if (ModelState.IsValid)

If the user happened to enter something like 50 characters long in the first name text box, I want an error to be displayed using the Html.ValidationMessageFor() right when they tab out of that text box, so they can see it before they press submit. Am I missing some jquery to make this happen? Maybe some using statement I need to include?