How can I switch to focus a radtabsrip with a validation error

2 posts, 0 answers
  1. Jenny
    Jenny avatar
    19 posts
    Member since:
    Oct 2018

    Posted 01 Feb Link to this post

    I have a radsrtiptap with 4 tabs. In this, every tab field's are validated. I want that on click of submit button tab should switch wherever validation error occurs.

    Below i have attached code which i have tried:

    javascript code:

    <script type="text/javascript" lang="javascript">
            function callValidate(){
                if(typeof(Page_ClientValidate) == 'function'){
                    if(!Page_ClientValidate()){                
                       if(errArr.length>0){
                            switch(errArr[0].innerHTML){
                                case "Error in EmployeeMentInfo":
                                      $find("<%=EmployeeInfo.ClientID%>").set_activeTabIndex(0);
                                    $get("<%=txtFirstName.ClientID %>").focus();
                                    $get("<%=txtLastName.ClientID %>").focus();
                                    $get("<%=txtSSN1.ClientID %>").focus();
                                    $get("<%=txtDOH.ClientID %>").focus();
                                    $get("<%=txtDOB.ClientID %>").focus();
                                    $get("<%=txtHourlyRate.ClientID %>").focus();
                                    $get("<%=txtAnnual1.ClientID %>").focus();
                                    $get("<%=txtAnnual2.ClientID %>").focus();
                                      break;
                                case "Error in ContactInfo":
                                      $find("<%=ContactInfo.ClientID%>").set_activeTabIndex(1);
                                    $get("<%=txtZip.ClientID %>").focus();
                                     $get("<%=txtEmailAddress.ClientID %>").focus();
                                    break;
                                case "Error in TaxInfo":
                                     $find("<%=TaxInfo.ClientID%>").set_activeTabIndex(2);
                                    $get("<%=txtFedExempt.ClientID %>").focus();
                                    $get("<%=txtStateExempt.ClientID %>").focus();
                                    $get("<%=txtFEDExtraWH.ClientID %>").focus();
                                    $get("<%=txtFedFixedWH.ClientID %>").focus();
                                    $get("<%=txtStateExtraWH.ClientID %>").focus();
                                    $get("<%=txtStateFixedWH.ClientID %>").focus();
                                    break;
                                case "Error in AdditionalInfo":
                                       $find("<%=AdditionalInfo.ClientID%>").set_activeTabIndex(3);
                                      $get("<%=txtExpirationDate.ClientID %>").focus();
                                    break;
                                defaultbreak;
                            }
                       }
                       return false;
                    }
                }
            }
        </script>

    .aspx code

    <telerik:RadTabStrip runat="server" ID="rtsMyProfile" SelectedIndex="0" CausesValidation="false" EnableEmbeddedSkins="false" Skin="CustomTS" MultiPageID="rmpMyProfile" OnClientTabSelected="HighlightInitialTabField">
                <Tabs>
                    <telerik:RadTab Text="Employment Info" TabIndex="0" PageViewID="EmployeeInfo"></telerik:RadTab>
                    <telerik:RadTab Text="Contact Info" TabIndex="1" PageViewID="ContactInfo"></telerik:RadTab>
                    <telerik:RadTab Text="Tax Info" TabIndex="2" PageViewID="TaxInfo"></telerik:RadTab>
                    <telerik:RadTab Text="Additional Info" TabIndex="3" PageViewID="AdditionalInfo"></telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage runat="server" ID="rmpMyProfile" SelectedIndex="0" CssClass="outerMultiPage" BorderWidth="1px" BorderColor="#919b9c">
                <telerik:RadPageView runat="server" ID="EmployeeInfo" TabIndex="0" font="arial" ForeColor="DarkBlue" Font-Names="Arial" Selected="True">
                      <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Height="100%"></telerik:RadAjaxLoadingPanel>
                                        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel2" Height="100%">
                    <table>
                        <asp:Label runat="server" ID="lblErrormessageSUISWH" SkinID="Error" ForeColor="Red"></asp:Label><br /> 
                    </table>
                    <table style="width: 100%">
                        <tr>
     
                            <td style="text-align: left; padding-left: 5px;" colspan="2">
                                <asp:Label ID="lblDisclaimer" align="center" runat="server" ForeColor="red" Text="* Indicates required field"></asp:Label></td>
                        </tr>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">
                                <asp:Label ID="lblEmployeeID" runat="server" Text="Employee ID:"></asp:Label>
                            </td>
                            <td style="text-align: left" class="auto-style38">
                                <asp:TextBox ID="txtEmployeeID1" runat="server" MaxLength="6" CssClass="input" Width="80px" ReadOnly="true" BackColor="#DDDDDD" TabIndex="-1" dataskipontab="true"></asp:TextBox>
                            </td>
                            <td style="text-align: right" class="auto-style37">
                                <asp:Label ID="Asterisk" ForeColor="Red" runat="server" Text="*"></asp:Label>
                                <asp:Label ID="lblSSN" runat="server" Text="SSN:"></asp:Label>
                            </td>
                            <td style="text-align: left" class="auto-style28">
                                <telerik:RadMaskedTextBox ID="txtSSN1" runat="server" AutoCompleteType="Disabled" ClientEvents-OnFocus="focus" Mask="###-##-####" MaxLength="11" PromptChar="" Width="100px" Height="25px" BorderColor="red" CssClass="required" ValidationGroup="EmploymentInfo">
                                </telerik:RadMaskedTextBox>
                                <asp:RegularExpressionValidator ID="SSNValidator" runat="server" ControlToValidate="txtSSN1" Display="Dynamic" ValidationGroup="EmploymentInfo" ValidationExpression="^\d{3}-\d{2}-\d{4}$" ErrorMessage="SSN: Format must be: xxx-xx-xxxx." ForeColor="Red" />
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic" ControlToValidate="txtSSN1" CssClass="validator" ErrorMessage="SSN is required." ForeColor="Red" ValidationGroup="EmploymentInfo"></asp:RequiredFieldValidator>
                                <br />
                                <asp:Label runat="server" ID="lblErrormessage" SkinID="Error" ForeColor="Red"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">
                                <asp:Label ID="Label1" ForeColor="Red" runat="server" Text="*"></asp:Label>
                                <asp:Label ID="lblFirstName" runat="server" Text="First Name:"></asp:Label></td>
                            <td style="text-align: left" class="auto-style38">
                                <%--<asp:TextBox ID="txtFirstName" runat="server" BorderColor="red" CssClass="input" AutoCompleteType="Disabled" MaxLength="15"></asp:TextBox>--%>
                                <telerik:RadTextBox ID="txtFirstName" runat="server" BorderColor="red" CssClass="input" AutoCompleteType="Disabled" MaxLength="15" ValidationGroup="EmploymentInfo" Height="25px"></telerik:RadTextBox>
                                <br /><asp:RequiredFieldValidator ID="rfvFirstName" runat="server" ControlToValidate="txtFirstName" ValidationGroup="EmploymentInfo"
                                    ErrorMessage="FirstName is required." ForeColor="Red" SetFocusOnError="true"></asp:RequiredFieldValidator>
                            </td>
     
                            <td style="text-align: right" class="auto-style37">
                                <asp:Label ID="lblDOB" runat="server" Text="Date of Birth:"></asp:Label>
                            </td>
     
                            <td style="text-align: left" class="auto-style28">
                                <asp:TextBox ID="txtDOB" runat="server" CssClass="input" onclick="this.focus();this.select()"
                                     onkeyup=" var v = this.value;
                                            if (v.match(/^\d{2}$/) !== null) {
                                                this.value = v + '/';
                                            } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                                this.value = v + '/';
                                            }"
                                    PlaceHolder="mm/dd/yyyy" Mask="99/99/9999" AutoCompleteType="None" MaxLength="10" ValidateRequestMode="Inherit" Width="90px" BorderColor="DarkBlue" ValidationGroup="EmploymentInfo" autocomplete="off" />
                                <ajax:CalendarExtender ID="ceDOB" TargetControlID="txtDOB" Format="MM/dd/yyyy" runat="server">
                                </ajax:CalendarExtender>
                                <asp:RegularExpressionValidator runat="server" ControlToValidate="txtDOB" ValidationGroup="EmploymentInfo" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))?$|^ */ */ *$" ErrorMessage="DOB: Invalid date format." ForeColor="Red" />
                           </td>
                        </tr>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">
                                <asp:Label ID="lblMiddleInitial" runat="server" Text="Middle Initial:"></asp:Label></td>
                            <td style="text-align: left" class="auto-style38">
                                <telerik:RadMaskedTextBox ID="txtMI" runat="server" AutoCompleteType="Disabled" CssClass="input" BorderColor="DarkBlue" CausesValidation="true" ClientEvents-OnFocus="focus" DisplayPromptChar=" " InvalidStyleDuration="300" Mask="L" MaxLength="1" PromptChar=" " ValidationGroup="reMiddleInitial" Width="30px" Height="25px">
                                </telerik:RadMaskedTextBox>
                            </td>
                            <td style="text-align: right" class="auto-style37">
                                <asp:Label ID="Label2" ForeColor="Red" runat="server" Text="*"></asp:Label>
                                <asp:Label ID="lblDOH" runat="server" Text="Date of Hire:"></asp:Label></td>
                            <td style="text-align: left" class="auto-style28">
                                <asp:TextBox ID="txtDOH" runat="server" CssClass="required" PlaceHolder="mm/dd/yyyy"
                                     onkeyup=" var v = this.value;
                                            if (v.match(/^\d{2}$/) !== null) {
                                                this.value = v + '/';
                                            } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                                this.value = v + '/';
                                            }"
                                    ValidationGroup="EmploymentInfo" onclick="this.focus();this.select()" AutoCompleteType="None" MaxLength="10" ValidateRequestMode="Inherit" Width="90px" BorderStyle="Solid" autocomplete="off" />
                                <ajax:CalendarExtender ID="ceDOH" TargetControlID="txtDOH" Format="MM/dd/yyyy" runat="server">
                                </ajax:CalendarExtender>
                               <asp:RegularExpressionValidator runat="server" ControlToValidate="txtDOH" ValidationGroup="EmploymentInfo" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))$"
                                    ErrorMessage="DOH: Invalid date format." Display="Dynamic" ForeColor="Red" />
                                <asp:Label runat="server" ID="DOHErrorLabel" SkinID="Error" ForeColor="Red"></asp:Label>
                                <asp:RequiredFieldValidator ID="rfvDOH" runat="server" ControlToValidate="txtDOH" ValidationGroup="EmploymentInfo"
                                    ErrorMessage="DOH is required." ForeColor="Red" SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">
                                <%-- <tr>
                        <td style="text-align:left">
                             </td>                   
                        <td>
                             <asp:RegularExpressionValidator ID="reMiddleInitial" runat="server" ControlToValidate="txtMiddleInitial1"
                                        ValidationExpression="^[a-zA-Z]+$" ErrorMessage="Enter only alphabet character." ForeColor="Red" SetFocusOnError="true" />                     
                        </td>
                       </tr>--%>
                                <asp:Label ID="Label3" ForeColor="Red" runat="server" Text="*"></asp:Label>
                                <asp:Label ID="lbllastName" runat="server" Text="Last Name:"></asp:Label></td>
                            <td style="text-align: left" class="auto-style38">
                                <%-- <asp:TextBox ID="" BorderColor="red" runat="server" MaxLength="20" CssClass="input" AutoCompleteType="Disabled"></asp:TextBox>--%>
                                <telerik:RadTextBox ID="txtLastName" runat="server" BorderColor="red" CssClass="input" AutoCompleteType="Disabled" MaxLength="15" Height="25px" ValidationGroup="EmploymentInfo"></telerik:RadTextBox>
                               <br /> <asp:RequiredFieldValidator ID="rfvLastName" runat="server" ControlToValidate="txtLastName" ValidationGroup="EmploymentInfo"
                                    ErrorMessage="LastName is required." ForeColor="Red" SetFocusOnError="true"></asp:RequiredFieldValidator>
                            </td>
                            <td style="text-align: right" class="auto-style37">
                                <asp:Label ID="lblLaborClass" runat="server" Text="Labor Class:"></asp:Label>
                            </td>
                            <td style="text-align: left" class="auto-style28">
                                <asp:RadioButton ID="rdlaborhourly" runat="server" Text="Hourly" GroupName="labor"
                                    OnCheckedChanged="rdlaborhourly_CheckedChanged" AutoPostBack="true" />
                                <asp:RadioButton ID="rdlaborsalary" runat="server" Text="Salary" GroupName="labor"
                                    OnCheckedChanged="rdlaborsalary_CheckedChanged" AutoPostBack="true" />
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">Home Department:
                            </td>
                            <td style="text-align: left" class="auto-style38">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlHomeDept1" runat="server" CssClass="selectBox" Height="24px" Width="155px">
                                    </asp:DropDownList>
                                </div>
                            </td>
                            <td style="text-align: right" class="auto-style37">
                                <asp:Label ID="lblHourlySalary" runat="server" Text="HRL_SAL" Visible="false"></asp:Label>
                                <asp:Label ID="lblHourly" runat="server" Text="Hourly Rate:" Visible="true"></asp:Label>
                            </td>
                            <td style="text-align: left" class="auto-style28">
                                <telerik:RadNumericTextBox ID="txtHourlyRate" runat="server" CssClass="input" Width="85px" BorderColor="DarkBlue" NumberFormat-DecimalDigits="4" Type="Currency" Height="25px" SelectionOnFocus="SelectAll" mask="nnnn.nnnn" NumberFormat-KeepNotRoundedValue="true" MaxLength="9" NumberFormat-AllowRounding="false" NumberFormat-NegativePattern="-n"></telerik:RadNumericTextBox>
                                <%-- <asp:RegularExpressionValidator ID="RegularExpressionValidator1" CssClass="input" runat="server" ControlToValidate="txtPayPeriod" ValidationExpression="^\d*\.?\d+$"
                                    ErrorMessage="Positive values only." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmployeeUpdate" ></asp:RegularExpressionValidator>--%>
                                <br /><asp:RangeValidator ID="NumericTextBoxRangeValidator"
                                    runat="server"
                                    ControlToValidate="txtHourlyRate"
                                    ErrorMessage="HourlyRate format must be: ####.####"
                                    Display="Dynamic"
                                    MaximumValue="9999.9949" MinimumValue="0" Type="Double" SetFocusOnError="True" Font-Size="Smaller" ForeColor="red">
                                </asp:RangeValidator>
                            </td>
                        </tr>
                        <%-- <tr>
                            <td class="auto-style21"></td>                  
                            <td class="auto-style20"></td>                  
                            <td></td>
                            </tr>--%>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">
     
                                <asp:Label ID="lblGender" runat="server" Text="Gender:"></asp:Label>
                                <%--<asp:DropDownList ID="ddlGender1" runat="server" width="150px" CssClass="selectBox">    
                                          <asp:ListItem Text="Male" Value="M"></asp:ListItem>   
                                          <asp:ListItem Text="Female" Value="F"></asp:ListItem>                          
                                     </asp:DropDownList>--%>
                            </td>
                            <td style="text-align: left" class="auto-style38">
                                <asp:RadioButton ID="rbMale" runat="server" Text="Male" GroupName="gender" AutoPostBack="true" />  
                               <asp:RadioButton ID="rbFemale" runat="server" Text="Female" GroupName="gender" AutoPostBack="true" />
                            </td>
                            <td style="text-align: right" rowspan="2" class="auto-style37">
                                <asp:Label ID="lblSalary" runat="server" Text="Salary:" Visible="true"></asp:Label>
                            </td>
                            <td style="text-align: left" class="auto-style28">
                                <asp:HiddenField ID="hdnPayPeriodNumber" runat="server"></asp:HiddenField>
                                <telerik:RadNumericTextBox ID="txtAnnual1" runat="server" ClientEvents-OnBlur="CalculateAnnualSalary" BorderColor="DarkBlue" Width="85px" Height="25px" DecimalDigits="2" Type="Currency" CssClass="input" SelectionOnFocus="SelectAll" mask="nnnnnnn.nn" NumberFormat-KeepNotRoundedValue="true" NumberFormat-AllowRounding="False" NumberFormat-DecimalDigits="2" AllowOutOfRangeAutoCorrect="False" CausesValidation="True" NumberFormat-NegativePattern="-n" MaxLength="10"></telerik:RadNumericTextBox>
     
                                <asp:Label ID="lblPayPeriod" runat="server" Text="/pay period" Visible="true" AutoCompleteType="Disabled"></asp:Label>
                                <%--<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtAnnual1" ValidationExpression="^\d*\.?\d+$"
                                    ErrorMessage="Positive values only." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmployeeUpdate"></asp:RegularExpressionValidator>--%>
                                <br /><asp:RangeValidator ID="RangeValidator1"
                                    runat="server"
                                    ControlToValidate="txtAnnual1"
                                    ErrorMessage="PayPeriod format must be: #######.##"
                                    Display="Dynamic"
                                    MaximumValue="9999999.99" MinimumValue="0" Type="Double" SetFocusOnError="True" Font-Size="Smaller" ForeColor="red">
                                </asp:RangeValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style35"></td>
                            <td class="auto-style38"></td>
                            <td style="text-align: left" class="auto-style28">
                                <telerik:RadNumericTextBox ID="txtAnnual2" runat="server" ClientEvents-OnBlur="CalculatePerPayPeriod" BorderColor="DarkBlue" Width="85px" Height="25px" DecimalDigits="2" Type="Currency" CssClass="input" SelectionOnFocus="SelectAll" mask="nnnnnnn.nn" NumberFormat-KeepNotRoundedValue="true" NumberFormat-AllowRounding="False" NumberFormat-DecimalDigits="2" AllowOutOfRangeAutoCorrect="False" CausesValidation="True" NumberFormat-NegativePattern="-n" MaxLength="12"></telerik:RadNumericTextBox>
                                <asp:Label ID="lblAnnual" runat="server" Text="annually"></asp:Label>
     
                                <%--<asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="txtAnnual2" ValidationExpression="^\d*\.?\d+$"
                                    ErrorMessage="Positive values only." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmployeeUpdate"></asp:RegularExpressionValidator>--%>
                                <br /><asp:RangeValidator ID="RangeValidator2"
                                    runat="server"
                                    ControlToValidate="txtAnnual2"
                                    ErrorMessage="Annually Format must be: #########.##"
                                    Display="Dynamic"
                                    MaximumValue="999999999.99" MinimumValue="0" Type="Double" SetFocusOnError="True" Font-Size="Smaller" ForeColor="red">
                                </asp:RangeValidator>
                            </td>
                        </tr>
                        <tr>
                            
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">Work Location:</td>
                            <td style="text-align: left" class="auto-style38">
     
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlWorklocation1" runat="server" Width="200px" CssClass="selectBox" Height="23px">
                                    </asp:DropDownList>
                                </div>
     
                            </td>
                             
                            <td style="text-align: right" class="auto-style37">Exempt?:  </td>
                            <td style="text-align: left" class="auto-style28">
                                <asp:CheckBox ID="chkExempt" runat="server"></asp:CheckBox>
                            </td>
     
                        </tr>
                        <tr>
                             <td style="text-align: left; padding-left: 5px" class="auto-style35">Employment Status:</td>
                            <td style="text-align: left" class="auto-style38">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlEmployeeStatus1" runat="server" Width="200px" CssClass="selectBox" Height="23px">
                                    </asp:DropDownList>
                                </div>
                            </td>
     
                            <td style="text-align: right" class="auto-style37">Citizen: </td>
                            <td style="text-align: left" class="auto-style28">
     
                                <asp:CheckBox ID="chkCitizen1" runat="server"></asp:CheckBox>
                            </td>
                        </tr>
     
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">Employment Type:
                            </td>
                            <td style="text-align: left" class="auto-style38">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlEmpType1" runat="server" Width="200px" CssClass="selectBox" Height="23px">
                                    </asp:DropDownList>
                                </div>
     
                            </td>
     
                            <td style="text-align: right" class="auto-style37">Company Officer: </td>
                            <td style="text-align: left" class="auto-style28">
     
                                <asp:CheckBox ID="chkCompanyOfficer" runat="server"></asp:CheckBox>
                            </td>
                        </tr>
     
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">Job Title:
                            </td>
                            <td style="text-align: left" class="auto-style38">
                                <asp:TextBox runat="server" CssClass="input" ID="ddlJobTitle1" MaxLength="20"></asp:TextBox>
                            </td>
                            <td style="text-align: right" class="auto-style37">Workers' Comp Code:</td>
                            <td style="text-align: left" class="auto-style28">
     
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlWorkerCompcode1" runat="server" CssClass="selectBox" Height="23px">
                                    </asp:DropDownList>
                                </div>
     
                            </td>
     
                        </tr>
                        <tr>
                            <td style="text-align: left; padding-left: 5px" class="auto-style35">Supervisor:
                            </td>
                            <td class="auto-style38">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlSupervisor1" runat="server" CssClass="selectBox" Width="200px" Height="23px">
                                    </asp:DropDownList>
                                </div>
     
                            </td>
     
                            <td style="text-align: right" class="auto-style37">EEO Class:</td>
                            <td style="text-align: left" class="auto-style28">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlEEOClass1" runat="server" CssClass="selectBox" Width="300px" Height="23px">
                                    </asp:DropDownList>
                                </div>
     
                            </td>
     
                        </tr>
                        <tr>
                            <td class="auto-style35"></td>
                            <td class="auto-style38"></td>
                            <td style="text-align: right" class="auto-style37">EEO Job:</td>
                            <td style="text-align: left" class="auto-style28">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlEEOJobTitle1" runat="server" CssClass="selectBox" Width="200px" Height="23px">
                                    </asp:DropDownList>
                                </div>
     
                            </td>
                        </tr>
                    </table></telerik:RadAjaxPanel>
                </telerik:RadPageView>
                <%-- </telerik:RadMultiPage>
             <telerik:RadMultiPage runat="server" ID="rmpContact" SelectedIndex="1" CssClass="outerMultiPage">--%>
                <telerik:RadPageView runat="server" ID="ContactInfo" TabIndex="1" Font-Names="Arial" ForeColor="DarkBlue">
                    <div align="left" style="padding-left: 5px">
                        <asp:Label runat="server" ID="ContactInfoErrorMessage" SkinID="Error" ForeColor="Red"></asp:Label>
                    </div>
                    <div align="left" style="padding-left: 5px">
                        <asp:Label runat="server" ID="ContactInfoError" SkinID="Error" ForeColor="Red"></asp:Label>
                    </div>
                    <div align="left" style="padding-left: 5px">
                        <table>
                            <tr>
                                <td style="text-align: left">Address 1:
                                </td>
                                <td style="width: 70%">
                                    <asp:TextBox ID="txtAddress1" Width="100%" runat="server" MaxLength="30" CssClass="input" AutoCompleteType="Disabled"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">Address 2:
                                </td>
                                <td style="width: 70%">
                                    <asp:TextBox ID="txtAddress2" Width="100%" runat="server" CssClass="input" MaxLength="30" AutoCompleteType="Disabled"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">Additional Info 1:
                                </td>
                                <td style="width: 70%">
                                    <asp:TextBox ID="txtAdditionalInfo1" Width="100%" CssClass="input" runat="server" MaxLength="20" AutoCompleteType="Disabled"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">Additional Info 2:
                                </td>
                                <td style="width: 70%">
                                    <asp:TextBox ID="txtAdditionalInfo2" Width="100%" CssClass="input" runat="server" MaxLength="20" AutoCompleteType="Disabled"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">City:
                                </td>
                                <td style="padding-right: 150px">
                                    <asp:TextBox ID="txtCity" runat="server" MaxLength="30" CssClass="input" AutoCompleteType="Disabled">
                                    </asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">State:
                                </td>
                                <td>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlStates" runat="server" CssClass="selectBox" Height="23px">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">Zip:
                                </td>
                                <td>
                                    <telerik:RadMaskedTextBox ID="txtZip" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="#####-####" AutoCompleteType="Disabled" ValidationGroup="EmploymentInfo" DisplayPromptChar=" " PromptChar=" " CssClass="input"></telerik:RadMaskedTextBox>
                                    <br /> <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="txtZip" ValidationExpression="^[0-9]{5}-(?:[0-9]{4})?$"
                                        ErrorMessage="Please enter zip code in xxxxx-xxxx pattern." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmploymentInfo"></asp:RegularExpressionValidator>
                                </td>
                            </tr>
                            <%-- <tr>
                     <td style="text-align:left">
                         County:
                     </td>
                     <td>
                         <asp:TextBox ID="txtCountry" runat="server"></asp:TextBox>
                     </td>
                 </tr>--%>
                            <%--<tr>
                     <td style="text-align:left">
                         Locality:
                     </td>
                     <td>
                         <div class="selectWrapper">
                                      <asp:DropDownList ID="ddlLocality" runat="server"  CssClass="selectBox">                                   
                                     </asp:DropDownList>                                 
                                    </div>
                         </td>
                 </tr>--%>
                            <tr>
                                <td style="text-align: left">Primary Contact #:
                                </td>
                                <td>
                                    <div class="selectWrapper2">
                                        <telerik:RadMaskedTextBox ID="txtPhoneNo" runat="server" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " LabelWidth="64px" Width="160px" CssClass="input" Height="25px">
                                        </telerik:RadMaskedTextBox>
     
                                    </div>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlPrimaryContact" runat="server" CssClass="selectBox" Width="75px" Height="23px">
                                        </asp:DropDownList>
                                    </div>
                                    <%--<asp:TextBox ID="txtPhoneNo" runat="server"></asp:TextBox>
                          <asp:MaskedEditExtender ID="MaskedEditExtenderphone" runat="server" TargetControlID="txtPhoneNo" Mask="999-999-9999"
                               MessageValidatorTip="true" ErrorTooltipEnabled="True" clearmaskonlostfocus="false" PromptCharacter=" ">
                         </asp:MaskedEditExtender>--%>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">Secondary Contact #:
                                </td>
                                <td>
                                    <div class="selectWrapper2">
                                        <telerik:RadMaskedTextBox ID="txtCellNo" runat="server" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="160px" Height="25px">
                                        </telerik:RadMaskedTextBox>
                                    </div>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlSecondaryContact" runat="server" CssClass="selectBox" Width="75px" Height="23px">
                                        </asp:DropDownList>
                                    </div>
                                    <%--<asp:TextBox ID="txtCellNo" runat="server"></asp:TextBox>
                         <asp:MaskedEditExtender ID="MaskedEditExtendercell" runat="server" TargetControlID="txtCellNo" Mask="999-999-9999"
                              MessageValidatorTip="true" ErrorTooltipEnabled="True" clearmaskonlostfocus="false" PromptCharacter=" ">
                         </asp:MaskedEditExtender>--%>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left">
                                    <%--<asp:Label ID="Label4" ForeColor="Red" runat="server" Text="*"></asp:Label>--%>
                                    <asp:Label ID="Label5" runat="server" Text="Email Address:"></asp:Label>
                                </td>
                                <td style="width: 70%" colspan="2">
                                    <asp:TextBox ID="txtEmailAddress" Width="100%" runat="server" CssClass="input" MaxLength="60" AutoCompleteType="Disabled"></asp:TextBox>
                                    <br />
                                    <%--<asp:Label ID="EmailErrorLable" runat="server" ForeColor="Red" Font-Size="Small"></asp:Label>--%>
     
     
                                    <asp:RegularExpressionValidator ID="emailValidator" runat="server" Display="Dynamic"
                                        ErrorMessage="Please, enter valid e-mail address (Ex. example@domain.com)." ValidationExpression="^[\w\.\-]+@[a-zA-Z0-9\-]+(\.[a-zA-Z0-9\-]{1,})*(\.[a-zA-Z]{2,3}){1,2}$"
                                        ControlToValidate="txtEmailAddress" ForeColor="Red">
                                    </asp:RegularExpressionValidator>
                                </td>
                            </tr>
                        </table>
                    </div>
                </telerik:RadPageView>
                <%--</telerik:RadMultiPage>
             <telerik:RadMultiPage runat="server" ID="rmpTax" SelectedIndex="2" CssClass="outerMultiPage">--%>
                <telerik:RadPageView runat="server" ID="TaxInfo" TabIndex="2" Font-Names="Arial" ForeColor="DarkBlue">
                    <br />
                    
                      <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel2" Height="100%"></telerik:RadAjaxLoadingPanel>
                                        <telerik:RadAjaxPanel ID="RadAjaxPanel3" runat="server" LoadingPanelID="RadAjaxLoadingPanel2" Height="100%">
                                             <asp:HiddenField runat="server" ID="hdfPrompt1" Value="" />
                    <asp:HiddenField runat="server" ID="hdfPrompt2" Value="" />
                    <asp:HiddenField runat="server" ID="hdfPrompt3" Value="" />
                    <asp:HiddenField runat="server" ID="hdfPrompt4" Value="" />
                    <table>
                        <tr>
                            <td colspan="4" style="text-align: center;">
                                <asp:Label runat="server" ID="lblTaxInfoErrorMessage" SkinID="Error" ForeColor="Red"></asp:Label>
                            </td>
                        </tr>
                    </table>
                    <div align="left" style="padding-left: 5px">
                        <table>
                            <tr>
                                <td colspan="2" style="text-align: center; font-weight: bold; font-size: medium; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;">Federal</td>
                                <td style="text-align: center; font-weight: bold; font-size: medium; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;" class="auto-style16" colspan="2">State</td>
     
                            </tr>
                            <tr>
                                <td class="auto-style24"></td>
                                <td></td>
                                <td style="text-align: left">
                                    <asp:Label ID="Label6" ForeColor="Red" runat="server" Text="*" />Withholding State: </td>
                                <td>
                                    <div class="selectWrapper" style="border: 1px  solid red">
                                        <asp:DropDownList ID="ddlStateWithHoldingState" runat="server" CssClass="selectBox" Height="23px" TabIndex="17">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style24">Marital Status:
                                </td>
                                <td>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlFedMarital" runat="server" CssClass="selectBox" Height="23px" Enabled="true" TabIndex="10">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                                <td style="text-align: left">Marital Status:
                                </td>
                                <td>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlStateMarital" runat="server" CssClass="selectBox" Height="23px" Enabled="true" TabIndex="18">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style24">Exemptions:
                                </td>
                                <td>
                                    <asp:TextBox ID="txtFedExempt" runat="server" MaxLength="2" onfocus="this.select()" AutoCompleteType="Disabled" CssClass="input" Width="30px" Height="20px" TabIndex="11" ValidationGroup="EmploymentInfo"></asp:TextBox>
                                    <br /><asp:RegularExpressionValidator ID="reFederalExemptions" runat="server" ControlToValidate="txtFedExempt" ValidationExpression="^\d+$" ValidationGroup="EmploymentInfo"
                                        ErrorMessage="FederalExemptions: Only numeric values are allowed." ForeColor="red" SetFocusOnError="true"></asp:RegularExpressionValidator>
                                </td>
                                <td style="text-align: left">Exemptions:
                                </td>
                                <td>
                                    <asp:TextBox ID="txtStateExempt" runat="server" MaxLength="2" onfocus="this.select()" AutoCompleteType="Disabled" Width="30px" CssClass="input" Height="20px" TabIndex="19" ValidationGroup="EmploymentInfo"></asp:TextBox>
                                    <br /><asp:RegularExpressionValidator ID="reStateExemptions" runat="server" ControlToValidate="txtStateExempt" ValidationExpression="^\d+$" ValidationGroup="EmploymentInfo"
                                        ErrorMessage="StateExempt: Only numeric values are allowed." ForeColor="red" SetFocusOnError="true"></asp:RegularExpressionValidator>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                     
                                    <asp:Button ID="ExtraFixed" runat="server" OnClick="RadioButton_Click" style="display:none"  CssClass="Disp" AutoPostBack="true" ></asp:Button>
                                     
                                    
                                </td>
                                <td>
                                    <asp:RadioButton ID="rbFedExtra" runat="server" Text="Extra" OnCheckedChanged="rbFedExtra_CheckedChanged" GroupName="R1" AutoPostBack="true" TabIndex="12" />
                                    <asp:RadioButton ID="rbFedFixed" runat="server" Text="Fixed" OnCheckedChanged="rbFedFixed_CheckedChanged" GroupName="R1" AutoPostBack="true" TabIndex="12" />
                                </td>
                                <td></td>
                                <td>
                                    <asp:RadioButton ID="rbStateExtra" runat="server" Text="Extra" OnCheckedChanged="rbStateExtra_CheckedChanged" GroupName="R2" AutoPostBack="true" TabIndex="20" />
                                    <asp:RadioButton ID="rbStateFixed" runat="server" Text="Fixed" OnCheckedChanged="rbStateFixed_CheckedChanged" GroupName="R2" AutoPostBack="true" TabIndex="20" />
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style24">Extra Withholding:
                                </td>
                                <td>
                                    <asp:RadioButton ID="rbFedExtraDollar" runat="server" Text="$" GroupName="Radio1" OnCheckedChanged="rbFedExtraDollar_CheckedChanged" AutoPostBack="true" TabIndex="13" />
                                    <asp:RadioButton ID="rbFedExtraPercent" runat="server" Text="%" GroupName="Radio1" OnCheckedChanged="rbFedExtraPercent_CheckedChanged" AutoPostBack="true" TabIndex="13" />
                                    <telerik:RadNumericTextBox ID="txtFEDExtraWH" runat="server" AutoCompleteType="Disabled" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" CssClass="input" Height="25px" TabIndex="14"></telerik:RadNumericTextBox>
                                    <br />
                                    <%-- <asp:RegularExpressionValidator runat="server" ID="revFedExtraPositive" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                        ErrorMessage="Enter valid integer(####.##)" ForeColor="Red" ControlToValidate="RadtxtExtraFederalWithholding" Enabled="true">
                                    </asp:RegularExpressionValidator>
                                    <br />--%>
                                    <asp:RegularExpressionValidator runat="server" ID="revFedExtraPercent" ControlToValidate="txtFEDExtraWH" Enabled="false"
                                        ErrorMessage="FEDExtraWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                        ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                    </asp:RegularExpressionValidator>
                                </td>
                                <td style="text-align: left">Extra Withholding:
                                </td>
                                <td>
                                    <asp:RadioButton ID="rbStateExtraDollar" runat="server" Text="$" GroupName="Radio2" OnCheckedChanged="rbStateExtraDollar_CheckedChanged" AutoPostBack="true" TabIndex="21" />
                                    <asp:RadioButton ID="rbStateExtraPercent" runat="server" Text="%" GroupName="Radio2" AutoPostBack="true" OnCheckedChanged="rbStateExtraPercent_CheckedChanged" TabIndex="21" />
                                    <telerik:RadNumericTextBox ID="txtStateExtraWH" runat="server" CssClass="input" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" Height="25px" TabIndex="22"></telerik:RadNumericTextBox>
                                    <br />
                                    <%--<asp:RegularExpressionValidator runat="server" ID="revStateExtraPositive" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                        ErrorMessage="Enter only positive integer" ForeColor="Red" ControlToValidate="RadtxtExtraStatewithholding" Enabled="true">
                                    </asp:RegularExpressionValidator>
                                    <br />--%>
                                    <asp:RegularExpressionValidator runat="server" ID="revStateExtraPercent" ControlToValidate="txtStateExtraWH" Enabled="false"
                                        ErrorMessage="StateExtraWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                        ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                    </asp:RegularExpressionValidator>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style24">Fixed Withholding:
                                </td>
                                <td>
                                    <asp:RadioButton ID="rbIsDollarFederal" runat="server" Text="$" GroupName="Radio" AutoPostBack="true" OnCheckedChanged="rbIsDollarFederal_CheckedChanged" TabIndex="15" />
                                    <asp:RadioButton ID="rbIsPercentFederal" runat="server" Text="%" GroupName="Radio" AutoPostBack="true" OnCheckedChanged="rbIsPercentFederal_CheckedChanged" TabIndex="15" />
                                    <telerik:RadNumericTextBox ID="txtFedFixedWH" runat="server" Enabled="true" AutoCompleteType="Disabled" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" CssClass="input" Height="25px" TabIndex="16"></telerik:RadNumericTextBox>
                                    <br />
                                    <%--<asp:RegularExpressionValidator runat="server" ID="revdedamt" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                        ErrorMessage="Enter only positive integer" ForeColor="Red" ControlToValidate="RadtxtFixedFederalWithholding" Display="Dynamic">
                                    </asp:RegularExpressionValidator>
                                    <br />--%>
                                    <asp:RegularExpressionValidator runat="server" ID="rvFedWithholding" ControlToValidate="txtFedFixedWH" Enabled="false"
                                        ErrorMessage="FedFixedWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                        ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                    </asp:RegularExpressionValidator>
                                    <%-- <asp:RangeValidator ID="rvFedWithholding" runat="server" ControlToValidate="RadtxtFixedFederalWithholding" MaximumValue="100" MinimumValue="1"
                                        ErrorMessage="Enter value between 1 to 100." SetFocusOnError="True" Enabled="false" Type="Double" ForeColor="Red" ValidationGroup="EmployeeUpdate"></asp:RangeValidator>--%>
     
                                </td>
                                <td style="text-align: left">Fixed Withholding:
                                </td>
                                <td>
                                    <asp:RadioButton ID="rbIsDollarState" runat="server" Text="$" GroupName="Radio4" AutoPostBack="true" OnCheckedChanged="rbIsDollarState_CheckedChanged" TabIndex="23" />
                                    <asp:RadioButton ID="rbIsPercentState" runat="server" Text="%" GroupName="Radio4" AutoPostBack="true" OnCheckedChanged="rbIsPercentState_CheckedChanged" TabIndex="23" />
                                    <telerik:RadNumericTextBox ID="txtStateFixedWH" runat="server" Enabled="true" AutoCompleteType="Disabled" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" CssClass="input" Height="25px" TabIndex="24"></telerik:RadNumericTextBox>
                                    <br />
                                    <%--<asp:RegularExpressionValidator runat="server" ID="RegularExpressionValidator4" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                        ErrorMessage="Enter only positive integer" ForeColor="Red" ControlToValidate="RadtxtFixedStateWithholding">
                                    </asp:RegularExpressionValidator>
                                    <br />--%>
                                    <asp:RegularExpressionValidator runat="server" ID="rvStateWithholding" ControlToValidate="txtStateFixedWH" Enabled="false"
                                        ErrorMessage="StateFixedWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                        ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                    </asp:RegularExpressionValidator>
                                    <%--<asp:RangeValidator ID="rvStateWithholding" runat="server" ControlToValidate="RadtxtFixedStateWithholding" MaximumValue="100" MinimumValue="1"
                                        ErrorMessage="Enter value between 1 to 100." SetFocusOnError="True" Enabled="false" Type="Double" ForeColor="Red" ValidationGroup="EmployeeUpdate"></asp:RangeValidator>--%>
                                </td>
                            </tr>
                            <tr>
     
                                <td class="auto-style24"></td>
                                <td></td>
                                <td>
                                    <asp:Label ID="Label7" ForeColor="Red" runat="server" Text="*" />SUI State:
                                </td>
                                <td>
                                    <div class="selectWrapper" style="border: 1px  solid red">
                                        <asp:DropDownList ID="ddlSUIState" runat="server" CssClass="selectBox" TabIndex="25">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
     
                            <tr>
     
                                <td class="auto-style24"></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
     
     
                            <tr>
                                <td style="text-align: left" class="auto-style24">Non-taxable pay only: </td>
                                <td>
                                    <asp:CheckBox ID="chkNonTaxableApayAmount" runat="server" AutoPostBack="true" OnCheckedChanged="chkNonTaxableApayAmount_CheckedChanged" TabIndex="26" />
                                </td>
                                <td style="text-align: left; visibility: hidden">Local Marital Status: </td>
                                <td style="visibility: hidden">
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlLocalMaritalStatus" runat="server" CssClass="selectBox" Height="23px">
                                        </asp:DropDownList>
                                    </div>
                                </td>
     
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style24">OASDI Exempt: </td>
                                <td>
                                    <asp:CheckBox ID="chkOASDIExempt" runat="server" TabIndex="27" />
                                </td>
                                <td style="text-align: left; visibility: hidden">Local Exemptions: </td>
                                <td style="visibility: hidden">
                                    <asp:TextBox ID="txtLocalExemptions" runat="server" AutoCompleteType="Disabled" Width="30px"></asp:TextBox>
                                    <asp:RegularExpressionValidator ID="reLocalExemptions" runat="server" ControlToValidate="txtLocalExemptions" ErrorMessage="Only numeric values are allowed." ForeColor="red" SetFocusOnError="true" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
                                </td>
     
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style24">Medicare Exempt: </td>
                                <td>
                                    <asp:CheckBox ID="chkMedicareExempt" runat="server" TabIndex="28" />
                                </td>
                                <td style="text-align: left; visibility: hidden">Extra Local Withholding: </td>
                                <td style="visibility: hidden">
                                    <telerik:RadNumericTextBox ID="RadtxtExtraLocalWithholding" runat="server" AllowOutOfRangeAutoCorrect="false" AutoCompleteType="Disabled" mask="nnnnnn.nn" MaxValue="999999.99" MinValue="-999999.99" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" Width="70px">
                                    </telerik:RadNumericTextBox>
                                </td>
     
                            </tr>
                            <tr>
                                <td class="auto-style24"></td>
                                <td></td>
                                <td style="text-align: left; visibility: hidden">Fixed Local Withholding: </td>
                                <td style="visibility: hidden">
                                    <asp:RadioButton ID="rbIsDollarLocal" runat="server" Checked="true" GroupName="Radio3" Text="$" />
                                    <asp:RadioButton ID="rbIsPercentLocal" runat="server" GroupName="Radio3" Text="%" />
                                    <telerik:RadNumericTextBox ID="RadtxtFixedLocalWithholding" runat="server" AllowOutOfRangeAutoCorrect="false" AutoCompleteType="Disabled" Enabled="true" mask="nnnnnn.nn" MaxValue="999999.99" MinValue="-999999.99" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" Width="70px">
                                    </telerik:RadNumericTextBox>
                                </td>
     
                            </tr>
     
     
                        </table>
                    </div></telerik:RadAjaxPanel>
                </telerik:RadPageView>
                <%-- </telerik:RadMultiPage>
             <telerik:RadMultiPage runat="server" ID="rmpAdditional" SelectedIndex="3" CssClass="outerMultiPage">--%>
                <telerik:RadPageView runat="server" ID="AdditionalInfo" TabIndex="3" Font-Names="Arial" ForeColor="DarkBlue">
     
                    <div align="left" style="padding-left: 5px">
                        <asp:Label runat="server" ID="AdditonalInfoErrorMessage" SkinID="Error" ForeColor="Red"></asp:Label>
                    </div>
                    <br />
     
                    <div align="left" style="padding-left: 5px">
                        <table style="width: 894px">
                            <tr>
                                <td style="text-align: left" class="auto-style19">Emergency Contact #1:
                                </td>
                                <td class="auto-style22">
                                    <asp:TextBox ID="txtEmergencyContact" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="10"></asp:TextBox>
                                </td>
                                <td style="text-align: left" class="auto-style23">Emergency Contact #2:
                                </td>
                                <td class="auto-style16">
                                    <asp:TextBox ID="txtEmergencyContact2" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="16"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style19">Relationship:
                                </td>
                                <td class="auto-style22">
                                    <asp:TextBox ID="txtRelationship" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="11"></asp:TextBox>
                                </td>
                                <td style="text-align: left" class="auto-style23">Relationship:
                                </td>
                                <td class="auto-style16">
                                    <asp:TextBox ID="txtRelationship2" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="17"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style19">Phone Number:
                                </td>
                                <td class="auto-style22">
                                    <div class="selectWrapper2">
                                        <telerik:RadMaskedTextBox ID="RadtxtContact1_No" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" Width="110px" Height="25px" TabIndex="12">
                                        </telerik:RadMaskedTextBox>
                                    </div>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlRadtxtContact1_No" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="13">
                                        </asp:DropDownList>
                                    </div>
     
                                </td>
     
                                <td class="auto-style23">Phone Number:
                                </td>
                                <td>
                                    <div class="selectWrapper2">
                                        <telerik:RadMaskedTextBox ID="RadtxtContact2_No1" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="110px" Height="25px" TabIndex="18">
                                        </telerik:RadMaskedTextBox>
                                    </div>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlRadtxtContact2_No1" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="19">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style19">Phone Number:
                                </td>
                                <td class="auto-style22">
                                    <div class="selectWrapper2">
                                        <telerik:RadMaskedTextBox ID="RadtxtContact1_No2" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="110px" Height="25px" TabIndex="14">
                                        </telerik:RadMaskedTextBox>
                                    </div>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlRadtxtContact1_No2" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="15">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                                <td class="auto-style23">Phone Number:
                                </td>
                                <td class="auto-style16">
                                    <div class="selectWrapper2">
                                        <telerik:RadMaskedTextBox ID="RadtxtContact2_No2" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="110px" Height="25px" TabIndex="20">
                                        </telerik:RadMaskedTextBox>
                                    </div>
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlRadtxtContact2_No2" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="21">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                            </tr>
     
                            <tr>
     
     
                                <td class="auto-style19"> </td>
                                <td class="auto-style22"> </td>
                            </tr>
                            <tr>
     
     
                                <td class="auto-style19"> </td>
                                <td class="auto-style22"> </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style19">Drivers License State:
                                </td>
                                <td class="auto-style22">
                                    <div class="selectWrapper">
                                        <asp:DropDownList ID="ddlDriversLicenseState" runat="server" CssClass="selectBox" Height="23px" TabIndex="25">
                                        </asp:DropDownList>
                                    </div>
                                </td>
                                <td class="auto-style23"> </td>
                                <td class="auto-style16"> </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style19">Drivers License Number:
                                </td>
                                <td class="auto-style22">
                                    <asp:TextBox ID="txtDriversLicenceNo" runat="server" CssClass="input" AutoCompleteType="Disabled" MaxLength="30" TabIndex="25"></asp:TextBox>
                                </td>
                                <td class="auto-style23"> </td>
                                <td class="auto-style16"> </td>
                            </tr>
                            <tr>
                                <td style="text-align: left" class="auto-style19">Expiration Date:
                                </td>
                                <td class="auto-style22">
                                    <asp:TextBox ID="txtExpirationDate" runat="server" onclick="this.focus();this.select()"
                                         onkeyup=" var v = this.value;
                                            if (v.match(/^\d{2}$/) !== null) {
                                                this.value = v + '/';
                                            } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                                this.value = v + '/';
                                            }"
                                        PlaceHolder="mm/dd/yyyy" AutoCompleteType="None" CssClass="input" MaxLength="10" ValidateRequestMode="Inherit" Width="90px" ValidationGroup="EmploymentInfo" BorderColor="DarkBlue" TabIndex="26" autocomplete="off" />
                                    <ajax:CalendarExtender ID="calExpirationDate" TargetControlID="txtExpirationDate" PopupPosition="TopRight" Format="MM/dd/yyyy" runat="server">
                                    </ajax:CalendarExtender>
                                    <br /><asp:RegularExpressionValidator runat="server" ControlToValidate="txtExpirationDate" ValidationGroup="EmploymentInfo" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))?$|^ */ */ *$" ErrorMessage="ExpirationDate: Invalid date format." ForeColor="Red" />
                                 </td>
                                <td class="auto-style23"> </td>
                                <td class="auto-style16"> </td>
                            </tr>
                            <%-- <tr>
                     <td style="text-align:left">
                         User Specified Field:
                     </td>
                     <td>
                         <asp:TextBox ID="txtUserSpecifiedField1" runat="server"></asp:TextBox>
                     </td>
                 </tr>
                 <tr>
                     <td style="text-align:left">
                         User Specified Field:
                     </td>
                     <td>
                         <asp:TextBox ID="txtUserSpecifiedField2" runat="server"></asp:TextBox>
                     </td>
                 </tr>
                 <tr>
                     <td style="text-align:left">
                         User Specified Field:
                     </td>
                     <td>
                         <asp:TextBox ID="txtUserSpecifiedField3" runat="server"></asp:TextBox>
                     </td>
                 </tr>
                 <tr>
                     <td style="text-align:left">
                         User Specified Field:
                     </td>
                     <td>
                         <asp:TextBox ID="txtUserSpecifiedField4" runat="server"></asp:TextBox>
                     </td>
                 </tr>
                 <tr>
                     <td style="text-align:left">
                         User Specified Field:
                     </td>
                     <td>
                         <asp:TextBox ID="txtUserSpecifiedField5" runat="server"></asp:TextBox>
                     </td>
                 </tr>
                 <tr>
                     <td style="text-align:left">
                         User Specified Field:
                     </td>
                     <td>
                         <asp:TextBox ID="txtUserSpecifiedField6" runat="server"></asp:TextBox>
                     </td>
                 </tr>--%>
                        </table>
                    </div>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
            <table>
                <tr>
                    <td style="text-align: left">
                        <telerik:RadButton ID="radCancel" runat="server" CausesValidation="false" Skin="Windows7" Text="Cancel" OnClick="btnCancel_Click">
                            <Icon PrimaryIconCssClass="rbRemove" />
                        </telerik:RadButton>
                    </td>
                      
              <td style="text-align: left">
                  <telerik:RadButton ID="radUpdate" runat="server" ValidationGroup="EmploymentInfo" valSkin="Windows7" Text="Save" OnClick="btnSave_Click">
                      <Icon PrimaryIconCssClass="rbSave" />
                  </telerik:RadButton>
              </td>
                </tr>
            </table>

     

    My code is working like on click of submit button user is getting error because of validation. But user is not get to know on which tab he/she getting error.

    I want that if user is getting error on click of submit button, tab should switch to that tab on which he/she is getting error.

    Kindly help me with appropriate solution.....

     

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    4889 posts

    Posted 04 Feb Link to this post

    Hello Jenny,

    I'd suggest you use a wizard so the user can't move to the next part of the form until the validation is satisfied: https://demos.telerik.com/aspnet-ajax/wizard/functionality/validation/defaultcs.aspx. You can find more details on how the validation works in the wizard in the following article: https://docs.telerik.com/devtools/aspnet-ajax/controls/wizard/functionality/validation.


    Regards,
    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top