I have a basic VB.NET contact page with validation controls and a “ValidationSummary” control. Whenever I click on the button to submit, if there is a validation error it jumps to the top of the page.
I tried multiple references from this site and none of them worked see links below.
The extra weird thing is that some of them work on my localhost, but when I load it to the third-party hosting provider, it doesn’t work?! For example, some of the various JavaScript suggestions that use different “window.scrollTo” method work on localhost, but not on the provider’s host server.
Very basic example:
<!doctype html>
<html lang="en">
<head runat="server">
<title>Basic Page</title>
</head>
<body>
<form id="form1" runat="server">
<div style='min-height: 900px; margin-bottom: 40px; border: 1px solid #000;'>
<p>Added dummy space to demonstrate the issue.</p>
</div>
<div>
<label for="TextBox01" class="form-label">
Full Name:
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator01" ControlToValidate="TextBox01" SetFocusOnError="True" Display="Dynamic" Text="*" ErrorMessage="The 'Full name' field is required." />
</label>
<asp:TextBox ID="TextBox01" runat="server" CssClass="form-control" Type="text" />
</div>
<div>
<asp:Button ID="ButtonSend" runat="server" Text="Send" /><br />
<asp:ValidationSummary ID="ValidationSummaryEdit" runat="server" Visible="True" DisplayMode="List" />
</div>
</form>
</body>
</html>
Links to suggestions I tried:
How can I prevent a page to jump to top position after failed validation?
ASP.Net validation summary causes page to jump to top
How can I prevent a page to jump to top position after failed validation?