Determining which form input failed validation?
- by Alastair Pitts
I am designing a creation wizard in ASP.NET MVC 1 and instead of posting back each step, I'm using javascript to toggle the display of the different steps divs.
This is a quick sample of the code, just to explain.
<% using (Html.BeginForm())
{%>
<fieldset>
<legend>Fields</legend>
<div id="wizardStep1">
<% Html.RenderPartial("CreateStep1", Model); %>
</div>
<div id="wizardStep2">
<% Html.RenderPartial("CreateStep2", Model); %>
</div>
<div id="wizardStep3">
<% Html.RenderPartial("CreateStep3", Model); %>
</div>
</fieldset>
<% } %>
I have javascript that just toggles the visibility of the divs, with each partial view containing a different section of the input form (which is pretty large by itself)
My question is, if the form fails validation and I reload the page with the validation errors, is there a way for me to determine which div contains the error? Either in javascript or other?
Failing that, is there a good client-side validation library for MVC 1?
Ideally I'd love to move to MVC2 and the client side validation built into that, but I am required to use MVC1
