Question

I am attempting to have a multiple model input page where I have 4 iterations of a model in an input form. Problem here is that all of the inputs are given the same id/name in the html, so only the first set is validated. With javascript, I was able to modify the ids/names of the inputs, but then all of the data-val- attributes are cleared out (or not initialized). Is there a way I can do this?

It is rendered inside the form like this:

foreach (LogEntry sub in entry.SubEntries)
        { @Html.Partial("_ViewSubRow", sub) } 

But the ones that re made inside that partial don’t seem to validate?

Answer 1

You need to tell the validation plugin to reload after changing the id’s. Try calling this after you updated the input’s IDs:

$.validator.unobtrusive.parse('#myForm'));