javascript - 使用 Master Pages 和 Ajax 提交表单后返回页面顶部

Question

我有一个 ASP.NET 4.0 页面，我试图在提交表单后将其重置到顶部以显示验证摘要。

我正在使用 Ajax，我有一个包含以下简化代码的母版页:

 <form id="Form1" runat="server" target="_top" >
    <asp:ScriptManager runat="server" ID="SM1" />
    <asp:UpdatePanel runat="server" ID="UP1"  >
        <ContentTemplate>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>

我的内容页面如下所示:

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <asp:ValidationSummary ID="vs1" runat="server" ValidationGroup="ValidateForm" DisplayMode="BulletList"
        CssClass="ValidationSummary" ShowSummary="true" ShowMessageBox="false" />
 < ... Form Field ... >
 < ... Form Field ... >
 < ... Form Field ... >
 < ... Form Field ... >
...
 < ... Form Field ... >


        <asp:ImageButton ID="btnSaveChanges" runat="server" ImageUrl="/Assets/Images/btn-AdminSaveChanges.png"
            ValidationGroup="ValidateForm" CausesValidation="false" OnClick="btnSaveChanges_Click" />

</asp:Content>

当前发生的情况是，当用户到达表单底部并点击提交按钮时，页面停留在原处并且​​验证摘要不可见。当验证出现错误时，我想翻页以重置到顶部。我已尝试将内容页面标题中的 maintainscrollposition 设置更改为 false，但它似乎没有做任何事情。

如有任何帮助，我们将不胜感激!

Answer 1

你可以执行这个javascript

scroll(0,0);

您可以将其添加到按钮的 OnClientClick 属性中。