How to use @Html.ValidationMessageFor for @Html.TextBox

Question

The following works fine:

@Html.TextBoxFor(x => x.Residence.Rent, new { @class = "form-control"" })
@Html.ValidationMessageFor(x => x.Residence.Rent, null, "span")

But the need is to send a list of objects to the controller. So I have tried this:

@for(int index = 0; index < Model.ResidencesList.Count; index++)
{
    @Html.TextBox("ResidencesList[" + index + "].Rent", ResidencesList[index].Rent, new { id="", @class = "form-control"" })
    @Html.ValidationMessageFor("ResidencesList[" + index + "].Rent", null, "span")
}

which renders the mark up as:

<input class="form-control" name="ResidencesList[0].Rent" type="text" value="">
<span class="field-validation-error" data-valmsg-for="ResidencesList[0].Rent" data-valmsg-replace="true">
   <span>undefined</span>
</span>

The validation doesn't fire on submit and also the message "undefined" shows when I select the textbox.

Serge · Accepted Answer · 2021-08-13 12:45:04Z

1

try to replace

  @Html.TextBox("ResidencesList[" + index + "].Rent", ResidencesList[index].Rent, new { id="", @class = "form-control"" })
 @Html.ValidationMessageFor("ResidencesList[" + index + "].Rent", null, "span")

with

@Html.TextBoxFor(model=> model.ResidencesList[index].Rent, new {  @class = "form-control"})
 @Html.ValidationMessageFor( model=> model.ResidencesList[index].Rent, "", new { @class = "text-danger" })

answered Aug 13, 2021 at 12:45

Serge

44.4k4 gold badges26 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use @Html.ValidationMessageFor for @Html.TextBox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related