Validation in ajax

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • raam
    New Member
    • Jun 2008
    • 11

    Validation in ajax

    Hi,
    I have ajax tab container with 6 tabs in it.
    I need to validate each tab contents separately and the validtaion summary must be separate for each tab.
    i cannot do that only one summary is being accesed.
    i also tried with validationgroup .
    Finlly i want each tab content to be validated and the content should accept the inputs.If any errors the message must display in summary separately.

    Here are 2 of my tabs.Dont feel bore pls let me know the procedure.
    Thanks in advance.For understanding i have send complete form.

    [HTML]<cc1:TabPanel runat="server" id="tabPbill" Enabled="true" HeaderText="Bil lPlan">
    <ContentTemplat e>
    <table>
    <tr>
    <td align="left">&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;ClientNa me</td>
    <td>&nbsp;<asp: DropDownList ID="ddbillcli" runat="server" Width="106px">
    </asp:DropDownLis t>
    <asp:RequiredFi eldValidator ID="reqddbillcl i" runat="server" ErrorMessage="S elect Any ClientName" ControlToValida te="ddbillcli" InitialValue="--Select--">*</asp:RequiredFie ldValidator>
    </td>
    </tr>
    <tr>
    <td align="left">&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;ProgramN ame</td>
    <td>&nbsp;<asp: DropDownList ID="ddbillpgm" runat="server" Width="106px">
    </asp:DropDownLis t>
    <asp:RequiredFi eldValidator ID="reqddbillpg m" runat="server" ErrorMessage="S elect Any ProgramName" ControlToValida te="ddbillpgm" InitialValue="--Select--">*</asp:RequiredFie ldValidator>
    </td>
    </tr>
    <tr>
    <td align="left">&n bsp;&nbsp;&nbsp ;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp ;&nbsp;BillPlan </td>
    <td>&nbsp;<asp: TextBox ID="txtbillplan " runat="server" Width="100px" ValidationGroup ="valgrp1"></asp:TextBox>
    <asp:RequiredFi eldValidator ID="reqtxtbillp lan" runat="server" ControlToValida te="txtbillplan " ErrorMessage="E nter BillPlan" InitialValue="" Display="dynami c" ValidationGroup ="valgrp1">* </asp:RequiredFie ldValidator>
    <asp:RegularExp ressionValidato r ID="regtxtbillp lan" runat="server" ControlToValida te="txtbillplan " ErrorMessage="E nter Valid BillPlan" ValidationExpre ssion="^[a-zA-Z]*[\s.,-]+[0-9]+$" Display="dynami c" ValidationGroup ="valgrp1">* </asp:RegularExpr essionValidator >
    </td>
    </tr>

    <tr>
    <td align="center" colspan="2"><as p:UpdatePanel ID="updbill" runat="Server">
    <ContentTemplat e>&nbsp;&nbsp;& nbsp;&nbsp;
    <asp:ImageButto n ID="btnbillsub " runat="server" ImageUrl="~/btnimages/submit.jpg" OnClick="btnbil lsub_Click"/>
    <asp:ImageButto n ID="btnbillres " runat="server" ImageUrl="~/btnimages/reset.jpg" />
    </ContentTemplate >
    <Triggers>
    <asp:AsyncPostB ackTrigger ControlID="btnb illsub" EventName="Clic k" />
    <asp:AsyncPostB ackTrigger ControlID="btnb illres" EventName="Clic k" />
    </Triggers>
    </asp:UpdatePanel ></td>
    </tr>
    <tr><td align="center" colspan="2"><as p:Label ID="lblmsg" runat="server" Font-Bold="true" ForeColor="gray " Font-Size="Small"></asp:Label></td></tr>
    <tr><td align="center" colspan="2">&nb sp;</td></tr>
    <tr><td align="center" colspan="2">

    <asp:DataGrid ID="dgbill" runat="server" AllowPaging="Tr ue" PageSize="5" AutoGenerateCol umns="False" CellPadding="4" ForeColor="#333 333" GridLines="None " OnEditCommand=" dgbill_EditComm and" OnCancelCommand ="dgbill_Cancel Command" OnUpdateCommand ="dgbill_Update Command" OnItemDataBound ="dgbill_ItemDa taBound" OnPageIndexChan ged="dgbill_Pag eIndexChanged" CssClass="DataG ridFixedHeader" >
    <FooterStyle BackColor="#5D7 B9D" ForeColor="Whit e" Font-Bold="True" />
    <SelectedItemSt yle BackColor="#E2D ED6" Font-Bold="True" ForeColor="#333 333" />
    <PagerStyle BackColor="#284 775" ForeColor="Whit e" HorizontalAlign ="Center" />
    <ItemStyle ForeColor="#333 333" BackColor="#F7F 6F3" />
    <HeaderStyle BackColor="#5D7 B9D" Font-Bold="True" ForeColor="Whit e" />
    <Columns>
    <asp:TemplateCo lumn HeaderText="Bil lPlanId" Visible="False" >
    <ItemTemplate >
    <asp:Label runat="server" Text='<%# DataBinder.Eval (Container, "DataItem.iBP_I D") %>' ID="lblid"></asp:Label>
    </ItemTemplate>
    <EditItemTempla te>
    <asp:TextBox runat="server" ReadOnly="true" Text='<%# DataBinder.Eval (Container, "DataItem.iBP_I D") %>' ID="txtid"></asp:TextBox>
    </EditItemTemplat e>
    </asp:TemplateCol umn>
    <asp:TemplateCo lumn HeaderText="Cli ent">
    <ItemTemplate >
    <asp:Label runat="server" Text='<%# DataBinder.Eval (Container, "DataItem.sCD_L egalName") %>' ID="ClientName" ></asp:Label>
    </ItemTemplate>
    <EditItemTempla te>
    <asp:DropDownLi st runat="server" Width="110px" DataSource='<%# client() %>' DataTextField=" Client" DataValueField= "iClient_ID " ID="editcli"></asp:DropDownLis t>
    </EditItemTemplat e>
    </asp:TemplateCol umn>
    <asp:TemplateCo lumn HeaderText="Pro gram">
    <ItemTemplate >
    <asp:Label runat="server" Text='<%# DataBinder.Eval (Container, "DataItem.sPGM_ Name") %>' ID="PgmName"></asp:Label>
    </ItemTemplate>
    <EditItemTempla te>
    <asp:DropDownLi st runat="server" Width="110px" DataSource='<%# pgm() %>' DataTextField=" sPGM_Name" DataValueField= "iPGM_ID" ID="editpgm"></asp:DropDownLis t>
    </EditItemTemplat e>
    </asp:TemplateCol umn>
    <asp:TemplateCo lumn HeaderText="Bil lPlan">
    <ItemTemplate >
    <asp:Label runat="server" Text='<%# DataBinder.Eval (Container, "DataItem.sBP_N ame") %>' ID="lblbillplan "></asp:Label>
    </ItemTemplate>
    <EditItemTempla te>
    <asp:TextBox runat="server" Width="50px" Text='<%# DataBinder.Eval (Container, "DataItem.sBP_N ame") %>' ID="txtbillplan "></asp:TextBox>
    <asp:RequiredFi eldValidator runat="server" ID="reqtxtbillp lan" ControlToValida te="txtbillplan " ErrorMessage="E nter BillPlan" Display="dynami c">*</asp:RequiredFie ldValidator>
    <asp:RegularExp ressionValidato r runat="server" ID="regtxtbillp lan" ControlToValida te="txtbillplan " ErrorMessage="E nter Valid BillPlan" Display="dynami c" ValidationExpre ssion="[a-zA-Z]*[\s.,-]+[0-9]+">*</asp:RegularExpr essionValidator >
    </EditItemTemplat e>
    </asp:TemplateCol umn>
    <asp:TemplateCo lumn HeaderText="Del ete">
    <ItemTemplate >
    <asp:CheckBox ID="chkbox" AutoPostBack="t rue" runat="server" Checked='<%# chked(Convert.T oInt64(DataBind er.Eval(Contain er.DataItem,"iL ogicalDeletesta tus"))) %>' OnCheckedChange d="chkbox_Check edChanged" />
    </ItemTemplate>
    </asp:TemplateCol umn>
    <asp:BoundColum n DataField="iLog icalDeletestatu s" HeaderText="Del etestatus" ReadOnly="True"
    Visible="False" ></asp:BoundColumn >
    <asp:EditComman dColumn CancelText="Can cel" EditText="Edit" HeaderText="Edi t" UpdateText="Upd ate">
    </asp:EditCommand Column>
    <asp:BoundColum n DataField="iBP_ ID" ReadOnly="True" Visible="False" ></asp:BoundColumn >
    <asp:BoundColum n DataField="iCli ent_ID" ReadOnly="True" Visible="False" ></asp:BoundColumn >
    <asp:BoundColum n DataField="sCD_ LegalName" ReadOnly="True" Visible="False" ></asp:BoundColumn >
    <asp:BoundColum n DataField="iPGM _ID" ReadOnly="True" Visible="False" ></asp:BoundColumn >
    <asp:BoundColum n DataField="sPGM _Name" ReadOnly="True" Visible="False" ></asp:BoundColumn >
    </Columns>
    <AlternatingIte mStyle BackColor="Whit e" ForeColor="#284 775" />
    </asp:DataGrid>
    </td></tr>
    </table>
    </ContentTemplate >
    </cc1:TabPanel>

    <cc1:TabPanel runat="server" id="tabPphone" Enabled="true" HeaderText="Pho neType">
    <ContentTemplat e>
    <table><tr><td> &nbsp;</td></tr><tr><td>&nbs p;</td></tr>
    <tr>
    <td align="left" nowrap="nowrap" >Phone Type</td>
    <td><asp:TextBo x ID="txtphonetyp e" runat="server"> </asp:TextBox>
    <asp:RequiredFi eldValidator ID="reqtxtphone type" runat="server" ControlToValida te="txtphonetyp e" ErrorMessage="E nter Phone Type" InitialValue="" Display="dynami c">*</asp:RequiredFie ldValidator>
    <asp:RegularExp ressionValidato r ID="regtxtphone type" runat="server" ControlToValida te="txtphonetyp e" ErrorMessage="E nter Valid Phone Type" ValidationExpre ssion="^[a-zA-Z]*$" Display="dynami c">*</asp:RegularExpr essionValidator >
    </td>
    <%--<tr><td colspan="2" align="left"><a sp:ValidationSu mmary ID="valsumph" runat="server"/></td></tr>--%>
    </tr>
    <tr>
    <td align="center" colspan="2"><as p:UpdatePanel ID="updphone" runat="Server">
    <ContentTemplat e>
    <asp:ImageButto n ID="btnphonesub " runat="server" ImageUrl="~/btnimages/submit.jpg" OnClick="btnpho nesub_Click"/>
    </ContentTemplate >
    <Triggers>
    <asp:AsyncPostB ackTrigger ControlID="btnp honesub" EventName="Clic k" />
    </Triggers>
    </asp:UpdatePanel ></td></tr>
    <tr><td align="center" colspan="2"><as p:Label ID="lblmsgph" runat="server" Font-Bold="true" ForeColor="gray " Font-Size="Small"></asp:Label></td></tr>
    <tr><td align="center" colspan="2">&nb sp;</td></tr>
    <tr><td align="center" colspan="2">
    <asp:DataGrid ID="dgphone" runat="server" AutoGenerateCol umns="False" CellPadding="4" ForeColor="#333 333" GridLines="None " OnEditCommand=" dgphone_EditCom mand" OnCancelCommand ="dgphone_Cance lCommand" OnUpdateCommand ="dgphone_Updat eCommand" CssClass="DataG ridFixedHeader" >
    <FooterStyle BackColor="#5D7 B9D" ForeColor="Whit e" Font-Bold="True" />
    <SelectedItemSt yle BackColor="#E2D ED6" Font-Bold="True" ForeColor="#333 333" />
    <PagerStyle BackColor="#284 775" ForeColor="Whit e" HorizontalAlign ="Center" />
    <ItemStyle ForeColor="#333 333" BackColor="#F7F 6F3" />
    <HeaderStyle BackColor="#5D7 B9D" Font-Bold="True" ForeColor="Whit e" />
    <Columns>
    <asp:BoundColum n DataField="iPhT ype_ID" ReadOnly="True" Visible="False" ></asp:BoundColumn >
    <asp:TemplateCo lumn HeaderText="Pho neTypeID" Visible="False" >
    <ItemTemplate >
    <asp:Label runat="server" Text='<%# DataBinder.Eval (Container, "DataItem.iPhTy pe_ID") %>' ID="lblphid"></asp:Label>
    </ItemTemplate>
    <EditItemTempla te>
    <asp:TextBox runat="server" ReadOnly="true" Text='<%# DataBinder.Eval (Container, "DataItem.iPhTy pe_ID") %>' ID="txtphid"></asp:TextBox>
    </EditItemTemplat e>
    </asp:TemplateCol umn>
    <asp:TemplateCo lumn HeaderText="Pho neType">
    <ItemTemplate >
    <asp:Label runat="server" Text='<%# DataBinder.Eval (Container, "DataItem.sPhTy pe_Type") %>' ID="lblphtype"> </asp:Label>
    </ItemTemplate>
    <EditItemTempla te>
    <asp:TextBox runat="server" Width="100px" Text='<%# DataBinder.Eval (Container, "DataItem.sPhTy pe_Type") %>' ID="txtphtype"> </asp:TextBox>
    <asp:RequiredFi eldValidator ID="reqtxtphtyp e" runat="server" ControlToValida te="txtphtype" Display="dynami c" ErrorMessage="E nter PhoneType" ValidationGroup ="valgrp2">* </asp:RequiredFie ldValidator>
    <asp:RegularExp ressionValidato r ID="regtxtphtyp e" runat="server" ControlToValida te="txtphtype" Display="Dynami c" ErrorMessage="E nter Valid PhoneType" ValidationExpre ssion="[a-zA-Z]*">*</asp:RegularExpr essionValidator >
    </EditItemTemplat e>
    </asp:TemplateCol umn>
    <asp:EditComman dColumn CancelText="Can cel" EditText="Edit" HeaderText="Edi t" UpdateText="Upd ate">
    </asp:EditCommand Column>
    </Columns>
    <AlternatingIte mStyle BackColor="Whit e" ForeColor="#284 775" />
    </asp:DataGrid></td></tr>
    </table>
    </ContentTemplate >
    </cc1:TabPanel>[/HTML]
    Last edited by gits; Jul 29 '08, 07:58 AM. Reason: added code tags
  • raam
    New Member
    • Jun 2008
    • 11

    #2
    I got it.

    add validation summaries for different tabs.
    if 6 tabs 6 validations summaries.
    Next add attribute "validationgrou p" for required field validators and textbox,dropdow n controls etc including button which fires validations.

    Then each tab gets validated seperately.

    Thank you.

    Comment

    Working...