I want to aply Ajax on multiple update Panels in Asp.Net.

See more:

ASP.NET

Ajax

partial

UpdatePanel

I want to apply Ajax on multiple update Panels in Asp.Net. I have one textbox with required field validator. i want to redirect from update button to next page when i press update button it shows required field validator error.
in update button property i already set the postbackurl property for redirect.

here is the Code

   <form id="form1" runat="server">
    <div>
    
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <br />
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        
            <ContentTemplate>
                <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"  ControlToValidate="TextBox1"
                    ErrorMessage="***"></asp:RequiredFieldValidator>
                <br />
                <asp:Button ID="Button1" runat="server" Text="Save" />
                <br />
<br />
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />
        </Triggers>
            <ContentTemplate>
            
                &nbsp;&nbsp;
                <asp:Button ID="Button2" runat="server" PostBackUrl="~/about.aspx" 
                    Text="Update" />
            </ContentTemplate>
        </asp:UpdatePanel>
      
        <br />
    
            &nbsp;&nbsp;
    
            <br />
        <br />
    
    </div>
    </form>