Return in a view-specific div

Question

I have a view where the contact form is at the bottom of the page, with validation via Dataannotations. When I click the send button, the controller checks the Modelstate, if it is not valid, it returns to the view with the validation messages.

However, it returns at the beginning of the page(view) and as the contact form is at the end of the page, it would have to scroll to the contact to see the messages.

In this case, I am using the bootstrap scrollspy and would like to know if there is how, at the time of returning the view, to return exactly in the contact div, to return directly in the error messages.

Answer 1

Well, I was able to do it this way:

I passed a value through Viewbag as the Gypsy Morrison Mendez spoke, and in Javascript I used the method that Tiago Falcão mentioned. Now when the page loads I check if it has the value in viewbag (which receives only qnd has validation) and only then executes the js function

Answer 2

Take the id of div that the fields have been validated and put in this command:

$('html, body').animate({ scrollTop: $('#IdDiv').offset().top }, 'slow');

Answer 3

If I understand how Scrollspy works, it rolls alone for a certain <div> by clicking a button when the document is ready ($(document).ready()). The validation information is generated by a Helper in Razor (@Html.ValidationSummary()). So, to get what you want, the following code must solve:

<div class="div-do-scrollspy">
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    ...
</div>