asp:MultiView and javascript - not able to access controls in different views.

Hi,

I have a multi view with 3 asp:Views in  a content page of a Master Page.

Each View contains a set of controls.

 I want to validate the controls in all the tabs in a button click ( this button is common for all the 3 Tabs).

If I am in the View 1 : then the controls in that view will be able to access ,

if I am in the View2 ,the controls in the View1 will not be accessable from the javascript. 

Please see the aspx page below.

Please help. 

 

<asp:Menu

         id="menuSiteUpdate"

         Orientation="Horizontal"

         Width="168px"

         OnMenuItemClick="menuSiteUpdate_MenuItemClick"

         Runat="server">

         <Items>

                  <asp:MenuItem Text="" ImageUrl="~/Images/General.gif" Value="0" />

                  <asp:MenuItem Text="" ImageUrl="~/Images/Study Specific.gif" Value="1" />

                  <asp:MenuItem Text="" ImageUrl="~/Images/Material Management.gif" Value="2" />

        </Items>

</asp:Menu>

<asp:MultiView runat="server" ID="mvSiteUpdate" ActiveViewIndex = "0" >

<asp:View ID="vGeneral" runat="server" >

</asp:View>

<asp:View ID="vGeneral" runat="server" >

</asp:View>

</MultiView>

Read Full article Here.