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; default: break; } } 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.....
1 Answer, 1 is accepted
0
Hello Jenny,
Regards,
Marin Bratanov
Progress Telerik
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.