Requirements
RadControls version
Ajax Q3 2010 SP2
.NET version
4.0
Visual Studio version
2010
programming language
C#
browser support
all browsers supported by RadControls
PROJECT DESCRIPTION
[<telerik:RadPanelItem Enabled="False" Text="Step 2: Personal & Contact Information" runat="server">
<Items>
<telerik:RadPanelItem Value="PersonalInformation" runat="server">
<ItemTemplate>
<fieldset id="wf_PositionDesired" class="required">
<%--<legend>Personal & Contact Information</legend>--%>
<fieldset>
<legend>Personal Information </legend>
<div id="wf_DateAvailable-D" class="oneField">
<label class="preField" for="wf_DateAvailable">
First Name<span class="reqMark">*</span></label>
<asp:TextBox ID="txtfrstname" runat="server" Width="115" Height="20px" ValidationGroup="pernlinfo"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftefirstname" runat="server" TargetControlID="txtfrstname"
FilterType="UppercaseLetters,LowercaseLetters">
</AJAX:FilteredTextBoxExtender>
<asp:RequiredFieldValidator ID="rfvfirstname" ValidationGroup="pernlinfo" ControlToValidate="txtfrstname"
runat="server" ForeColor="Red" ErrorMessage="Please enter first name." Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" />Please enter first name</asp:RequiredFieldValidator>
<br>
</div>
<div id="wf_DateAvailable-D1" class="oneField">
<label class="preField" for="wf_DateAvailable">
Last Name<span class="reqMark">*</span></label>
<asp:TextBox ID="txtlastname" runat="server" Height="20px" ValidationGroup="pernlinfo" Width="115"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvlastname" ValidationGroup="pernlinfo" ControlToValidate="txtlastname"
runat="server" ForeColor="Red" ErrorMessage="Please enter last name." Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" /> Please enter last name.</asp:RequiredFieldValidator>
<AJAX:FilteredTextBoxExtender ID="ftextlastname" runat="server" TargetControlID="txtlastname"
FilterType="UppercaseLetters,LowercaseLetters">
</AJAX:FilteredTextBoxExtender>
<br>
<span class="errMsg" id="wf_DateAvailable-E"></span>
</div>
<div id="Div4" class="oneField">
<label class="preField" for="wf_DateAvailable">
Middle Name<span class="reqMark">*</span></label>
<asp:TextBox ID="txtmidname" runat="server" Height="20px" Width="115px" ValidationGroup="pernlinfo"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftexttmidname" runat="server" TargetControlID="txtmidname"
FilterType="UppercaseLetters,LowercaseLetters">
</AJAX:FilteredTextBoxExtender>
<br>
<span class="errMsg" id="Span9"></span>
</div>
<div id="Div2" class="oneField"">
<label class="preField" for="wf_DateAvailable">
Photo<span class="reqMark">*</span></label>
<telerik:RadBinaryImage runat="server" Width="200px" Height="150px" ResizeMode="Fit"
ID="Thumbnail" AlternateText="Thumbnail" Visible="false" CssClass="binary-image" />
<span class="invalid"></span>
<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" MaxFileInputsCount="1" OnClientFileUploaded="fileUploaded"
OnFileUploaded="AsyncUpload1_FileUploaded" AllowedFileExtensions="jpeg,jpg,gif,png,bmp" MaxFileSize="150000" OnClientValidationFailed="validationFailed">
<Localization Select="Choose your picture" />
</telerik:RadAsyncUpload>
<span class="errMsg" id="Span4"></span>
</div>
<div id="Div3" class="oneField">
<label class="preField" for="wf_DateAvailable">
Gender<span class="reqMark">*</span></label>
<asp:RadioButtonList ID="radiobtngender" runat="server" AppendDataBoundItems="True" CellPadding="0"
CellSpacing="0" RepeatDirection="Horizontal"
RepeatLayout="Flow">
<asp:ListItem>Male</asp:ListItem>
<asp:ListItem>Female</asp:ListItem>
</asp:RadioButtonList>
<asp:RequiredFieldValidator ID="rfvradiobtngender" ValidationGroup="pernlinfo" ControlToValidate="radiobtngender" runat="server" ForeColor="Red" ErrorMessage="Please enter last name." Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" />Please select gender..</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span5"></span>
</div>
<div id="wf_DateAvailable-D2" class="oneField">
<label class="preField" for="wf_DateAvailable">
D.O.B<span class="reqMark">*</span></label>
<telerik:RadDatePicker ID="txtdob" runat="server" Width="115px" EnableAjaxSkinRendering="true" EnableTheming="true" EnableTyping="false" ShowPopupOnFocus="true" PopupDirection="BottomRight" MinDate="1/1/1888" >
</telerik:RadDatePicker>
<asp:RequiredFieldValidator ID="rfvdob" runat="server" ValidationGroup="pernlinfo"
ControlToValidate="txtdob" ForeColor="Red"> <img src="../image/reqerrorimg.png" alt="error" />Select your date of birth</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="wf_DateAvailable-E2"></span>
</div>
<div id="divssn" class="oneField">
<label class="preField" for="wf_DateAvailable">
SSN No.<span class="reqMark">*</span></label>
<asp:TextBox ID="txtssnno" runat="server" ValidationGroup="pernlinfo" Width="115px" Height="20px" CausesValidation="false" ToolTip="xxx-xx-xxxx" />
<asp:RegularExpressionValidator ID="revssnno" runat="server" ControlToValidate="txtssnno"
ForeColor="Red" ValidationExpression="\d{3}-\d{2}-\d{4}" ValidationGroup="pernlinfo"
Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" />
Please enter valid SSN No.(XXX-XX-XXXX)
</asp:RegularExpressionValidator>
<AJAX:MaskedEditExtender ID="maskeditextssnossnno" runat="server" TargetControlID="txtssnno" ClearMaskOnLostFocus="false"
Mask="999-99-9999" MessageValidatorTip="true" ErrorTooltipEnabled="True"
MaskType="Number">
</AJAX:MaskedEditExtender>
<br>
<span class="errMsg" id="Span3"></span>
</div>
<div id="wf_DateAvailable-D11" class="oneField">
<label class="preField" for="wf_DateAvailable">
Race<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="radcomborace" runat="server" CausesValidation="true" Width="115px"
ValidationGroup="pernlinfo">
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvrace" runat="server" ControlToValidate="radcomborace"
Display="Dynamic" ForeColor="Red" InitialValue="Select"
ValidationGroup="pernlinfo"> <img alt="error" src="../image/reqerrorimg.png" />Select your race.
</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="wf_DateAvailable-E1"></span>
</div>
<div id="divbloodgrp" class="oneField">
<label class="preField" for="wf_DateAvailable">
Blood Group <span class="reqMark">*</span></label>
<telerik:RadComboBox ID="radcombobldgrp" runat="server"
Width="115px" CausesValidation="false" Filter="StartsWith" EnableVirtualScrolling="true"
AutoPostBack="true" onselectedindexchanged="radcombobldgrp_SelectedIndexChanged" EnableTextSelection="true" >
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvbldgroup" runat="server" EnableClientScript="true"
ControlToValidate="radcombobldgrp" Display="Dynamic" ForeColor="Red" InitialValue="Select" ValidationGroup="pernlinfob" >
<img alt="error" src="../image/reqerrorimg.png" />Select your blood group.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span7"></span>
</div>
<div id="divsubbloodgroup" class="oneField">
<label class="preField" for="wf_DateAvailable">
Sub Blood Group <span class="reqMark">*</span></label>
<telerik:RadComboBox ID="radcombosubbldgrp" runat="server" Filter="StartsWith" EnableVirtualScrolling="true" CausesValidation="false" Width="115px" LoadingMessage="loading..."> </telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvbldsubbldgrp" runat="server" ControlToValidate="radcombosubbldgrp" Display="Dynamic" ForeColor="Red" InitialValue="Select" EnableClientScript="true" ValidationGroup="pernlinfo">
<img alt="error" src="../image/reqerrorimg.png" />Select Sub blood group.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span8"></span>
</div>
</fieldset>
<fieldset>
<legend>Contact Information </legend>
<div id="tfa_Name3-D" class="oneField">
<label class="preField" for="wf_DateAvailable">
Address</label>
<asp:TextBox ID="txtaddress" runat="server" TextMode="MultiLine"
Width="115px"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvaddress" runat="server" ControlToValidate="txtaddress"
Display="Dynamic" ForeColor="Red" ValidationGroup="pernlinfo"><img
alt="error" src="../image/reqerrorimg.png" />Please enter valid address</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="tfa_Name3-E"></span>
</div>
<div id="Div6" class="oneField">
<label class="preField" for="wf_DateAvailable">
Country<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="rdcmbcountry" CausesValidation="false" runat="server"
Width="186px" ExpandDirection="Down" MaxHeight="180px"
AutoPostBack="true" Filter="StartsWith" EnableVirtualScrolling="true"
OnSelectedIndexChanged="rdcmbcountry_SelectedIndexChanged" >
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvcountry" runat="server" ControlToValidate="rdcmbcountry"
Display="Dynamic" ForeColor="Red" InitialValue="Select" EnableClientScript="true"
ValidationGroup="pernlinfo"><img alt="error" src="../image/reqerrorimg.png" />
Please select country name.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span11"></span>
</div>
<div id="Div7" class="oneField">
<label class="preField" for="wf_DateAvailable">
State<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="rdcmbstate" CausesValidation="false" runat="server"
Width="186px" ExpandDirection="Down" MaxHeight="180px"
AutoPostBack="true" Filter="StartsWith" EnableVirtualScrolling="true"
OnSelectedIndexChanged="rdcmbstate_SelectedIndexChanged" >
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvstate" runat="server" InitialValue="Select"
ControlToValidate="rdcmbstate" EnableClientScript="true"
ForeColor="Red" ValidationGroup="pernlinfo"
Display="Dynamic"><img src="../image/reqerrorimg.png" alt="error" />Select State Name.
</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span12"></span>
</div>
<div id="Div8" class="oneField">
<label class="preField" for="wf_DateAvailable">
City<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="rdcmbcity" runat="server"
Width="186px" ExpandDirection="Down" MaxHeight="180px"
CssClass="ComboBox_Cities" Filter="StartsWith" EnableVirtualScrolling="true"
CausesValidation="false">
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvcity" ValidationGroup="pernlinfo" ControlToValidate="rdcmbcity"
EnableClientScript="true" runat="server" ForeColor="Red" InitialValue="Select" Display="Dynamic">
<img src="../image/reqerrorimg.png" alt="error" />Please Select City.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span13"></span>
</div>
<div id="Div5" class="oneField">
<label class="preField" for="wf_DateAvailable">
Telephone (O)<span class="reqMark">*</span></label>
<asp:TextBox ID="txtphoffc" runat="server" Width="115px" Visible="false" ></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="txtphoffc_FilteredTextBoxExtender"
runat="server" TargetControlID="txtphoffc" FilterType="Numbers">
</AJAX:FilteredTextBoxExtender>
<asp:TextBox ID="txttelephoffUSA" runat="server" MaxLength="20" Visible="true"></asp:TextBox>
<span class="alert">
<AJAX:MaskedEditExtender
ID="MaskedEditExtenderphoffUSA" runat="server" TargetControlID="txttelephoffUSA" Mask="999-999-9999"
MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError"
MaskType="None" InputDirection="LeftToRight" AcceptNegative="Left" DisplayMoney="Left"
Filtered="-" ErrorTooltipEnabled="True" />
<AJAX:MaskedEditValidator ID="MaskedEditValidatorphoffUSA" runat="server" ControlExtender="MaskedEditExtenderphoffUSA"
ControlToValidate="txttelephoffUSA" IsValidEmpty="True" ValidationExpression="^\d{10}$"
EmptyValueMessage="Phone number should not be empty." InvalidValueMessage=""
Display="Dynamic" TooltipMessage="XXX-XXX-XXXX" EmptyValueBlurredText="Phone number should not be empty."
InvalidValueBlurredMessage="Please enter valid office number." ValidationGroup="pernlinfo"
ForeColor="Red" />
</span>
<br>
<span class="errMsg" id="Span10"></span>
</div>
<div id="tfa_Telephone3-D" class="oneField">
<label class="preField" for="tfa_Telephone3">
Telephone (R)</label>
<asp:TextBox ID="txtphres" runat="server" Width="115px" ValidationGroup="3" Visible="false"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftbext" runat="server" FilterType="Numbers" TargetControlID="txtphres">
</AJAX:FilteredTextBoxExtender>
<%--<asp:TextBox ID="txttelphres" runat="server" CausesValidation="true" MaxLength="20"></asp:TextBox>--%>
<asp:TextBox ID="txttelphresUSA" runat="server" MaxLength="20" Visible="true"></asp:TextBox>
<span class="alert">
<AJAX:MaskedEditExtender
ID="MaskedEditExtenderphresUSA" runat="server" TargetControlID="txttelphresUSA" Mask="999-999-9999"
MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError"
MaskType="None" InputDirection="LeftToRight"
Filtered="-" ErrorTooltipEnabled="True" />
<AJAX:MaskedEditValidator ID="MaskedEditValidatorphresUSA" runat="server" ControlExtender="MaskedEditExtenderphresUSA"
ControlToValidate="txttelphresUSA" IsValidEmpty="True" ValidationExpression="^\d{10}$"
EmptyValueMessage="Phone number should not be empty." InvalidValueMessage=""
Display="Dynamic" TooltipMessage="XXX-XXX-XXXX" EmptyValueBlurredText="Phone number should not be empty."
InvalidValueBlurredMessage="Please enter valid residence number." ValidationGroup="pernlinfo"
ForeColor="Red" />
</span>
<br>
<span class="errMsg" id="tfa_Telephone3-E"></span>
</div>
<div id="tfa_OrganizationPosi3-D" class="oneField">
<label class="preField" for="tfa_OrganizationPosi3">
Mobile <span class="reqMark">*</span></label>
<asp:TextBox ID="txtmob" runat="server" Width="115" Height="20px" ValidationGroup="pernlinfo"
MaxLength="20" Visible="false"></asp:TextBox>
<AJAX:FilteredTextBoxExtender
ID="ftextmobile" runat="server" FilterType="Numbers" TargetControlID="txtmob">
</AJAX:FilteredTextBoxExtender>
<asp:TextBox
ID="txtmobUSA" runat="server" MaxLength="15" Visible="true"></asp:TextBox>
<span class="alert">
<AJAX:MaskedEditExtender
ID="MaskedEditExtendermobUSA" runat="server" TargetControlID="txtmobUSA" Mask="999-999-9999"
MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError"
MaskType="None" InputDirection="LeftToRight" AcceptNegative="Left" DisplayMoney="Left"
Filtered="-" ErrorTooltipEnabled="True" />
<AJAX:MaskedEditValidator ID="MaskedEditValidatormobUSA" runat="server" ControlExtender="MaskedEditExtendermobUSA"
ControlToValidate="txtmobUSA" IsValidEmpty="True" ValidationExpression="^\d{10}$"
EmptyValueMessage="Phone number should not be empty." InvalidValueMessage=""
Display="Dynamic" TooltipMessage="XXX-XXX-XXXX" EmptyValueBlurredText="Phone number should not be empty."
InvalidValueBlurredMessage="Please enter valid mobile number." ValidationGroup="pernlinfo"
ForeColor="Red" />
</span>
<br>
<span class="errMsg" id="tfa_OrganizationPosi3-E"></span>
</div>
<div id="Div9" class="oneField">
<label class="preField" for="wf_DateAvailable">
Zip Code<span class="reqMark">*</span></label>
<asp:TextBox ID="txtzip" runat="server" Width="115" Height="20px" ValidationGroup="pernlinfo"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftxtboxextzip" runat="server" TargetControlID="txtzip"
FilterType="Custom,Numbers" ValidChars="-">
</AJAX:FilteredTextBoxExtender>
<asp:RequiredFieldValidator ID="rfvzip" ValidationGroup="pernlinfo" ControlToValidate="txtzip"
runat="server" ForeColor="Red" Display="Dynamic">
<img src="../image/reqerrorimg.png" alt="error" />Please enter zip / postal code.
</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span2"></span>
<br />
</div>
</fieldset>
</fieldset>
<div><span><telerik:RadButton runat="server" ID="nextButton" OnClick="nextButton_Click" Text="Next" ValidationGroup="pernlinfo" CausesValidation="true" ></telerik:RadButton>
<span>
<telerik:RadButton ID="radbtnprevious" runat="server" OnClick="radbtnprevious_OnClick" CausesValidation="false" Text="Previous">
</telerik:RadButton>
</span></span> </div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>]
Server Side Code:
protected void radcombobldgrp_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
{
RadComboBox radcombobldgrp = (RadComboBox)RadPanelBar1.FindItemByValue("PersonalInformation").FindControl("radcombobldgrp");
RadComboBox radcombosubbldgrp = (RadComboBox)RadPanelBar1.FindItemByValue("PersonalInformation").FindControl("radcombosubbldgrp");
if (radcombobldgrp.SelectedValue == "0")
{
initializecombo(radcombosubbldgrp);
}
else
{
combobindsubBloodgrp(Convert.ToInt32(radcombobldgrp.SelectedValue));
}
}
Hi , i have problem when i use radcombobldgrp_SelectedIndexChanged to cascaded another raddcombobox of subbloodgroup then, all remain requirefield validators have been fired but i already have made causevalidation= false of radcombobldgrp and radcombosubbldgrp in same radpanelbar itemtemplate...but i don't want to fire all remaining validators...So Please give me solution. I have mentioned these comboboxes ,by make them bold and italic in this HTML design...
Thanks & Regards
M.Peter
RadControls version
Ajax Q3 2010 SP2
.NET version
4.0
Visual Studio version
2010
programming language
C#
browser support
all browsers supported by RadControls
PROJECT DESCRIPTION
[<telerik:RadPanelItem Enabled="False" Text="Step 2: Personal & Contact Information" runat="server">
<Items>
<telerik:RadPanelItem Value="PersonalInformation" runat="server">
<ItemTemplate>
<fieldset id="wf_PositionDesired" class="required">
<%--<legend>Personal & Contact Information</legend>--%>
<fieldset>
<legend>Personal Information </legend>
<div id="wf_DateAvailable-D" class="oneField">
<label class="preField" for="wf_DateAvailable">
First Name<span class="reqMark">*</span></label>
<asp:TextBox ID="txtfrstname" runat="server" Width="115" Height="20px" ValidationGroup="pernlinfo"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftefirstname" runat="server" TargetControlID="txtfrstname"
FilterType="UppercaseLetters,LowercaseLetters">
</AJAX:FilteredTextBoxExtender>
<asp:RequiredFieldValidator ID="rfvfirstname" ValidationGroup="pernlinfo" ControlToValidate="txtfrstname"
runat="server" ForeColor="Red" ErrorMessage="Please enter first name." Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" />Please enter first name</asp:RequiredFieldValidator>
<br>
</div>
<div id="wf_DateAvailable-D1" class="oneField">
<label class="preField" for="wf_DateAvailable">
Last Name<span class="reqMark">*</span></label>
<asp:TextBox ID="txtlastname" runat="server" Height="20px" ValidationGroup="pernlinfo" Width="115"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvlastname" ValidationGroup="pernlinfo" ControlToValidate="txtlastname"
runat="server" ForeColor="Red" ErrorMessage="Please enter last name." Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" /> Please enter last name.</asp:RequiredFieldValidator>
<AJAX:FilteredTextBoxExtender ID="ftextlastname" runat="server" TargetControlID="txtlastname"
FilterType="UppercaseLetters,LowercaseLetters">
</AJAX:FilteredTextBoxExtender>
<br>
<span class="errMsg" id="wf_DateAvailable-E"></span>
</div>
<div id="Div4" class="oneField">
<label class="preField" for="wf_DateAvailable">
Middle Name<span class="reqMark">*</span></label>
<asp:TextBox ID="txtmidname" runat="server" Height="20px" Width="115px" ValidationGroup="pernlinfo"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftexttmidname" runat="server" TargetControlID="txtmidname"
FilterType="UppercaseLetters,LowercaseLetters">
</AJAX:FilteredTextBoxExtender>
<br>
<span class="errMsg" id="Span9"></span>
</div>
<div id="Div2" class="oneField"">
<label class="preField" for="wf_DateAvailable">
Photo<span class="reqMark">*</span></label>
<telerik:RadBinaryImage runat="server" Width="200px" Height="150px" ResizeMode="Fit"
ID="Thumbnail" AlternateText="Thumbnail" Visible="false" CssClass="binary-image" />
<span class="invalid"></span>
<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" MaxFileInputsCount="1" OnClientFileUploaded="fileUploaded"
OnFileUploaded="AsyncUpload1_FileUploaded" AllowedFileExtensions="jpeg,jpg,gif,png,bmp" MaxFileSize="150000" OnClientValidationFailed="validationFailed">
<Localization Select="Choose your picture" />
</telerik:RadAsyncUpload>
<span class="errMsg" id="Span4"></span>
</div>
<div id="Div3" class="oneField">
<label class="preField" for="wf_DateAvailable">
Gender<span class="reqMark">*</span></label>
<asp:RadioButtonList ID="radiobtngender" runat="server" AppendDataBoundItems="True" CellPadding="0"
CellSpacing="0" RepeatDirection="Horizontal"
RepeatLayout="Flow">
<asp:ListItem>Male</asp:ListItem>
<asp:ListItem>Female</asp:ListItem>
</asp:RadioButtonList>
<asp:RequiredFieldValidator ID="rfvradiobtngender" ValidationGroup="pernlinfo" ControlToValidate="radiobtngender" runat="server" ForeColor="Red" ErrorMessage="Please enter last name." Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" />Please select gender..</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span5"></span>
</div>
<div id="wf_DateAvailable-D2" class="oneField">
<label class="preField" for="wf_DateAvailable">
D.O.B<span class="reqMark">*</span></label>
<telerik:RadDatePicker ID="txtdob" runat="server" Width="115px" EnableAjaxSkinRendering="true" EnableTheming="true" EnableTyping="false" ShowPopupOnFocus="true" PopupDirection="BottomRight" MinDate="1/1/1888" >
</telerik:RadDatePicker>
<asp:RequiredFieldValidator ID="rfvdob" runat="server" ValidationGroup="pernlinfo"
ControlToValidate="txtdob" ForeColor="Red"> <img src="../image/reqerrorimg.png" alt="error" />Select your date of birth</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="wf_DateAvailable-E2"></span>
</div>
<div id="divssn" class="oneField">
<label class="preField" for="wf_DateAvailable">
SSN No.<span class="reqMark">*</span></label>
<asp:TextBox ID="txtssnno" runat="server" ValidationGroup="pernlinfo" Width="115px" Height="20px" CausesValidation="false" ToolTip="xxx-xx-xxxx" />
<asp:RegularExpressionValidator ID="revssnno" runat="server" ControlToValidate="txtssnno"
ForeColor="Red" ValidationExpression="\d{3}-\d{2}-\d{4}" ValidationGroup="pernlinfo"
Display="Dynamic"> <img src="../image/reqerrorimg.png" alt="error" />
Please enter valid SSN No.(XXX-XX-XXXX)
</asp:RegularExpressionValidator>
<AJAX:MaskedEditExtender ID="maskeditextssnossnno" runat="server" TargetControlID="txtssnno" ClearMaskOnLostFocus="false"
Mask="999-99-9999" MessageValidatorTip="true" ErrorTooltipEnabled="True"
MaskType="Number">
</AJAX:MaskedEditExtender>
<br>
<span class="errMsg" id="Span3"></span>
</div>
<div id="wf_DateAvailable-D11" class="oneField">
<label class="preField" for="wf_DateAvailable">
Race<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="radcomborace" runat="server" CausesValidation="true" Width="115px"
ValidationGroup="pernlinfo">
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvrace" runat="server" ControlToValidate="radcomborace"
Display="Dynamic" ForeColor="Red" InitialValue="Select"
ValidationGroup="pernlinfo"> <img alt="error" src="../image/reqerrorimg.png" />Select your race.
</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="wf_DateAvailable-E1"></span>
</div>
<div id="divbloodgrp" class="oneField">
<label class="preField" for="wf_DateAvailable">
Blood Group <span class="reqMark">*</span></label>
<telerik:RadComboBox ID="radcombobldgrp" runat="server"
Width="115px" CausesValidation="false" Filter="StartsWith" EnableVirtualScrolling="true"
AutoPostBack="true" onselectedindexchanged="radcombobldgrp_SelectedIndexChanged" EnableTextSelection="true" >
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvbldgroup" runat="server" EnableClientScript="true"
ControlToValidate="radcombobldgrp" Display="Dynamic" ForeColor="Red" InitialValue="Select" ValidationGroup="pernlinfob" >
<img alt="error" src="../image/reqerrorimg.png" />Select your blood group.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span7"></span>
</div>
<div id="divsubbloodgroup" class="oneField">
<label class="preField" for="wf_DateAvailable">
Sub Blood Group <span class="reqMark">*</span></label>
<telerik:RadComboBox ID="radcombosubbldgrp" runat="server" Filter="StartsWith" EnableVirtualScrolling="true" CausesValidation="false" Width="115px" LoadingMessage="loading..."> </telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvbldsubbldgrp" runat="server" ControlToValidate="radcombosubbldgrp" Display="Dynamic" ForeColor="Red" InitialValue="Select" EnableClientScript="true" ValidationGroup="pernlinfo">
<img alt="error" src="../image/reqerrorimg.png" />Select Sub blood group.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span8"></span>
</div>
</fieldset>
<fieldset>
<legend>Contact Information </legend>
<div id="tfa_Name3-D" class="oneField">
<label class="preField" for="wf_DateAvailable">
Address</label>
<asp:TextBox ID="txtaddress" runat="server" TextMode="MultiLine"
Width="115px"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfvaddress" runat="server" ControlToValidate="txtaddress"
Display="Dynamic" ForeColor="Red" ValidationGroup="pernlinfo"><img
alt="error" src="../image/reqerrorimg.png" />Please enter valid address</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="tfa_Name3-E"></span>
</div>
<div id="Div6" class="oneField">
<label class="preField" for="wf_DateAvailable">
Country<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="rdcmbcountry" CausesValidation="false" runat="server"
Width="186px" ExpandDirection="Down" MaxHeight="180px"
AutoPostBack="true" Filter="StartsWith" EnableVirtualScrolling="true"
OnSelectedIndexChanged="rdcmbcountry_SelectedIndexChanged" >
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvcountry" runat="server" ControlToValidate="rdcmbcountry"
Display="Dynamic" ForeColor="Red" InitialValue="Select" EnableClientScript="true"
ValidationGroup="pernlinfo"><img alt="error" src="../image/reqerrorimg.png" />
Please select country name.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span11"></span>
</div>
<div id="Div7" class="oneField">
<label class="preField" for="wf_DateAvailable">
State<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="rdcmbstate" CausesValidation="false" runat="server"
Width="186px" ExpandDirection="Down" MaxHeight="180px"
AutoPostBack="true" Filter="StartsWith" EnableVirtualScrolling="true"
OnSelectedIndexChanged="rdcmbstate_SelectedIndexChanged" >
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvstate" runat="server" InitialValue="Select"
ControlToValidate="rdcmbstate" EnableClientScript="true"
ForeColor="Red" ValidationGroup="pernlinfo"
Display="Dynamic"><img src="../image/reqerrorimg.png" alt="error" />Select State Name.
</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span12"></span>
</div>
<div id="Div8" class="oneField">
<label class="preField" for="wf_DateAvailable">
City<span class="reqMark">*</span></label>
<telerik:RadComboBox ID="rdcmbcity" runat="server"
Width="186px" ExpandDirection="Down" MaxHeight="180px"
CssClass="ComboBox_Cities" Filter="StartsWith" EnableVirtualScrolling="true"
CausesValidation="false">
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvcity" ValidationGroup="pernlinfo" ControlToValidate="rdcmbcity"
EnableClientScript="true" runat="server" ForeColor="Red" InitialValue="Select" Display="Dynamic">
<img src="../image/reqerrorimg.png" alt="error" />Please Select City.</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span13"></span>
</div>
<div id="Div5" class="oneField">
<label class="preField" for="wf_DateAvailable">
Telephone (O)<span class="reqMark">*</span></label>
<asp:TextBox ID="txtphoffc" runat="server" Width="115px" Visible="false" ></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="txtphoffc_FilteredTextBoxExtender"
runat="server" TargetControlID="txtphoffc" FilterType="Numbers">
</AJAX:FilteredTextBoxExtender>
<asp:TextBox ID="txttelephoffUSA" runat="server" MaxLength="20" Visible="true"></asp:TextBox>
<span class="alert">
<AJAX:MaskedEditExtender
ID="MaskedEditExtenderphoffUSA" runat="server" TargetControlID="txttelephoffUSA" Mask="999-999-9999"
MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError"
MaskType="None" InputDirection="LeftToRight" AcceptNegative="Left" DisplayMoney="Left"
Filtered="-" ErrorTooltipEnabled="True" />
<AJAX:MaskedEditValidator ID="MaskedEditValidatorphoffUSA" runat="server" ControlExtender="MaskedEditExtenderphoffUSA"
ControlToValidate="txttelephoffUSA" IsValidEmpty="True" ValidationExpression="^\d{10}$"
EmptyValueMessage="Phone number should not be empty." InvalidValueMessage=""
Display="Dynamic" TooltipMessage="XXX-XXX-XXXX" EmptyValueBlurredText="Phone number should not be empty."
InvalidValueBlurredMessage="Please enter valid office number." ValidationGroup="pernlinfo"
ForeColor="Red" />
</span>
<br>
<span class="errMsg" id="Span10"></span>
</div>
<div id="tfa_Telephone3-D" class="oneField">
<label class="preField" for="tfa_Telephone3">
Telephone (R)</label>
<asp:TextBox ID="txtphres" runat="server" Width="115px" ValidationGroup="3" Visible="false"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftbext" runat="server" FilterType="Numbers" TargetControlID="txtphres">
</AJAX:FilteredTextBoxExtender>
<%--<asp:TextBox ID="txttelphres" runat="server" CausesValidation="true" MaxLength="20"></asp:TextBox>--%>
<asp:TextBox ID="txttelphresUSA" runat="server" MaxLength="20" Visible="true"></asp:TextBox>
<span class="alert">
<AJAX:MaskedEditExtender
ID="MaskedEditExtenderphresUSA" runat="server" TargetControlID="txttelphresUSA" Mask="999-999-9999"
MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError"
MaskType="None" InputDirection="LeftToRight"
Filtered="-" ErrorTooltipEnabled="True" />
<AJAX:MaskedEditValidator ID="MaskedEditValidatorphresUSA" runat="server" ControlExtender="MaskedEditExtenderphresUSA"
ControlToValidate="txttelphresUSA" IsValidEmpty="True" ValidationExpression="^\d{10}$"
EmptyValueMessage="Phone number should not be empty." InvalidValueMessage=""
Display="Dynamic" TooltipMessage="XXX-XXX-XXXX" EmptyValueBlurredText="Phone number should not be empty."
InvalidValueBlurredMessage="Please enter valid residence number." ValidationGroup="pernlinfo"
ForeColor="Red" />
</span>
<br>
<span class="errMsg" id="tfa_Telephone3-E"></span>
</div>
<div id="tfa_OrganizationPosi3-D" class="oneField">
<label class="preField" for="tfa_OrganizationPosi3">
Mobile <span class="reqMark">*</span></label>
<asp:TextBox ID="txtmob" runat="server" Width="115" Height="20px" ValidationGroup="pernlinfo"
MaxLength="20" Visible="false"></asp:TextBox>
<AJAX:FilteredTextBoxExtender
ID="ftextmobile" runat="server" FilterType="Numbers" TargetControlID="txtmob">
</AJAX:FilteredTextBoxExtender>
<asp:TextBox
ID="txtmobUSA" runat="server" MaxLength="15" Visible="true"></asp:TextBox>
<span class="alert">
<AJAX:MaskedEditExtender
ID="MaskedEditExtendermobUSA" runat="server" TargetControlID="txtmobUSA" Mask="999-999-9999"
MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError"
MaskType="None" InputDirection="LeftToRight" AcceptNegative="Left" DisplayMoney="Left"
Filtered="-" ErrorTooltipEnabled="True" />
<AJAX:MaskedEditValidator ID="MaskedEditValidatormobUSA" runat="server" ControlExtender="MaskedEditExtendermobUSA"
ControlToValidate="txtmobUSA" IsValidEmpty="True" ValidationExpression="^\d{10}$"
EmptyValueMessage="Phone number should not be empty." InvalidValueMessage=""
Display="Dynamic" TooltipMessage="XXX-XXX-XXXX" EmptyValueBlurredText="Phone number should not be empty."
InvalidValueBlurredMessage="Please enter valid mobile number." ValidationGroup="pernlinfo"
ForeColor="Red" />
</span>
<br>
<span class="errMsg" id="tfa_OrganizationPosi3-E"></span>
</div>
<div id="Div9" class="oneField">
<label class="preField" for="wf_DateAvailable">
Zip Code<span class="reqMark">*</span></label>
<asp:TextBox ID="txtzip" runat="server" Width="115" Height="20px" ValidationGroup="pernlinfo"></asp:TextBox>
<AJAX:FilteredTextBoxExtender ID="ftxtboxextzip" runat="server" TargetControlID="txtzip"
FilterType="Custom,Numbers" ValidChars="-">
</AJAX:FilteredTextBoxExtender>
<asp:RequiredFieldValidator ID="rfvzip" ValidationGroup="pernlinfo" ControlToValidate="txtzip"
runat="server" ForeColor="Red" Display="Dynamic">
<img src="../image/reqerrorimg.png" alt="error" />Please enter zip / postal code.
</asp:RequiredFieldValidator>
<br>
<span class="errMsg" id="Span2"></span>
<br />
</div>
</fieldset>
</fieldset>
<div><span><telerik:RadButton runat="server" ID="nextButton" OnClick="nextButton_Click" Text="Next" ValidationGroup="pernlinfo" CausesValidation="true" ></telerik:RadButton>
<span>
<telerik:RadButton ID="radbtnprevious" runat="server" OnClick="radbtnprevious_OnClick" CausesValidation="false" Text="Previous">
</telerik:RadButton>
</span></span> </div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>]
Server Side Code:
protected void radcombobldgrp_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
{
RadComboBox radcombobldgrp = (RadComboBox)RadPanelBar1.FindItemByValue("PersonalInformation").FindControl("radcombobldgrp");
RadComboBox radcombosubbldgrp = (RadComboBox)RadPanelBar1.FindItemByValue("PersonalInformation").FindControl("radcombosubbldgrp");
if (radcombobldgrp.SelectedValue == "0")
{
initializecombo(radcombosubbldgrp);
}
else
{
combobindsubBloodgrp(Convert.ToInt32(radcombobldgrp.SelectedValue));
}
}
Hi , i have problem when i use radcombobldgrp_SelectedIndexChanged to cascaded another raddcombobox of subbloodgroup then, all remain requirefield validators have been fired but i already have made causevalidation= false of radcombobldgrp and radcombosubbldgrp in same radpanelbar itemtemplate...but i don't want to fire all remaining validators...So Please give me solution. I have mentioned these comboboxes ,by make them bold and italic in this HTML design...
Thanks & Regards
M.Peter