asked on 3/19/2009

Validate textbox inside Ajax:TabContainer using ControlToValidate

I have some controls (textboxes) inside different Ajax:TabPanels that I need to validate. Since I validate controls in different panels I have to place the asp:RequiredFieldValidator below the TabContainer. Then the user will see all errormessages from different panels at the same time.

But, the asp:RequiredFieldValidator cant find the controls inside the tab container. How can I use asp:RequiredFieldValidator for controls inside a tab panel? Se attached code.

<asp:ScriptManager ID="ScriptManager" runat="server" />        
 
<Ajax:TabContainer ID="TabContainer" runat="server" ActiveTabIndex="0" EnableViewState="true" Width="98%">
    <Ajax:TabPanel runat="server" HeaderText="Generelt" ID="TabGeneral">
        <ContentTemplate> 
 
            <asp:TextBox runat="server" ID="txtUsername" />
            <asp:TextBox runat="server" ID="txtFirstname" />
            <asp:TextBox runat="server" ID="txtLastname" />
           
        </ContentTemplate>
    </Ajax:TabPanel>
    <Ajax:TabPanel runat="server" HeaderText="Plassering" ID="TabAdvanced">
        <ContentTemplate>
 
            //Other controls here
       
        </ContentTemplate>
    </Ajax:TabPanel>
    <Ajax:TabPanel runat="server" HeaderText="Interesser" ID="TabInterests">
        <ContentTemplate>
       
	    //Other controls here
     
        </ContentTemplate>
    </Ajax:TabPanel>
</Ajax:TabContainer>
 
<asp:RequiredFieldValidator runat="server" ID="reqUsername" Display="Dynamic" ErrorMessage=" -Missing Username" ControlToValidate="txtUsername" />
<asp:RequiredFieldValidator runat="server" ID="reqFirstname" Display="Dynamic" ErrorMessage=" -Missing Firstname" ControlToValidate="txtFirstname" />
<asp:RequiredFieldValidator runat="server" ID="reqLastname" Display="Dynamic" ErrorMessage=" -Missing Lastname" ControlToValidate="txtLastname" />
 
<asp:Button runat="server" ID="btnSaveUser" OnClick="btnSaveUser_Click" Text="Lagre" CausesValidation="true" />

Last Comment

3/19/2009

3/19/2009

I think you need to put the RequiredFieldValidator inside the Ajax Tab Panel

amar31282

3/19/2009

http://lakhiani.wordpress.com/category/c-net/

webressurs

3/19/2009

ASKER

Hi! I dont think the ValidatorCalloutExtender is solving this problem. It just add anoother way to display the errormessage, still inside the panel. I need to desplay the error message below (outside) the panel...

amar31282

3/19/2009

i think then you need to use javascript

have a look on these links

http://forums.asp.net/p/1223866/2201455.aspx#2201455

http://www.developersdex.com/asp/message.asp?p=1116&r=6587759

http://www.velocityreviews.com/forums/t674159-how-to-find-control-with-javascript.html

https://www.experts-exchange.com/Programming/Languages/.NET/ASP.NET/Q__24245344.html

amar31282

3/19/2009

these links provide info about how to find the control inside ajax panel and you can implement validator accordingly

ASKER CERTIFIED SOLUTION

prairiedog

3/19/2009

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

amar31282

3/19/2009

check if it works

<asp:ScriptManager ID="ScriptManager" runat="server" />        
 
<Ajax:TabContainer ID="TabContainer" runat="server" ActiveTabIndex="0" EnableViewState="true" Width="98%">
    <Ajax:TabPanel runat="server" HeaderText="Generelt" ID="TabGeneral">
        <ContentTemplate> 
 
            <asp:TextBox runat="server" ID="txtUsername" />
            <asp:TextBox runat="server" ID="txtFirstname" />
            <asp:TextBox runat="server" ID="txtLastname" />
           
        </ContentTemplate>
    </Ajax:TabPanel>
    <Ajax:TabPanel runat="server" HeaderText="Plassering" ID="TabAdvanced">
        <ContentTemplate>
 
            //Other controls here
       
        </ContentTemplate>
    </Ajax:TabPanel>
    <Ajax:TabPanel runat="server" HeaderText="Interesser" ID="TabInterests">
        <ContentTemplate>
       
            //Other controls here
     <asp:Button runat="server" ID="btnSaveUser" OnClick="btnSaveUser_Click" Text="Lagre" CausesValidation="true" />
        </ContentTemplate>
    </Ajax:TabPanel>
</Ajax:TabContainer>
 
<asp:RequiredFieldValidator runat="server" ID="reqUsername" Display="Dynamic" ErrorMessage=" -Missing Username" ControlToValidate="txtUsername" />
<asp:RequiredFieldValidator runat="server" ID="reqFirstname" Display="Dynamic" ErrorMessage=" -Missing Firstname" ControlToValidate="txtFirstname" />
<asp:RequiredFieldValidator runat="server" ID="reqLastname" Display="Dynamic" ErrorMessage=" -Missing Lastname" ControlToValidate="txtLastname" />

Open in new window

amar31282

3/19/2009

OOPS i think i am late and did what @prairiedog just explained before me