I am having my design with radtabstrip and RadMultiPage as follows
When I click on second Tab and came back to first tab the custom validation which i had written fails, can some one help me..
<
telerik:RadTabStrip
ID
=
"rdtabEmployee"
runat
=
"server"
MultiPageID
=
"rdmpPersonal"
UnSelectChildren
=
"True"
Skin
=
"WebBlue"
EnableEmbeddedSkins
=
"False"
ClickSelectedTab
=
"True"
SelectedIndex
=
"0"
OnTabClick
=
"tabClick"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Personal"
PageViewID
=
"rdpgPersonal"
>
</
telerik:RadTab
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Contact"
PageViewID
=
"rdpgContact"
>
</
telerik:RadTab
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
ID
=
"rdmpPersonal"
runat
=
"server"
>
<
telerik:RadPageView
ID
=
"rdpgPersonal"
runat
=
"server"
Selected
=
"true"
>
<
telerik:RadPanelBar
runat
=
"server"
ID
=
"rdpnlPersonal"
ExpandMode
=
"FullExpandedItem"
Skin
=
"Vista"
EnableEmbeddedSkins
=
"false"
Width
=
"880px"
>
<
Items
>
<
telerik:RadPanelItem
Expanded
=
"true"
Text
=
"Employee Personal Information"
runat
=
"server"
Selected
=
"true"
>
<
Items
>
<
telerik:RadPanelItem
Value
=
"AccountInformation"
runat
=
"server"
>
<
ItemTemplate
>
<
label
>
Demop
</
label
>
<
telerik:RadDatePicker
ID
=
"RadDatePicker1"
Width
=
"200px"
runat
=
"server"
MinDate
=
"1900-01-01"
TabIndex
=
"5"
>
<
Calendar
ID
=
"Calendar1"
RangeMinDate
=
"1900-01-01"
runat
=
"server"
>
</
Calendar
>
</
telerik:RadDatePicker
>
<
telerik:RadDatePicker
ID
=
"radDtHiredate"
Width
=
"200px"
runat
=
"server"
MinDate
=
"1900-01-01"
TabIndex
=
"5"
>
<
Calendar
ID
=
"calHire"
RangeMinDate
=
"1900-01-01"
runat
=
"server"
>
</
Calendar
>
</
telerik:RadDatePicker
>
<
asp:CustomValidator
ID
=
"CustomValidator1"
runat
=
"server"
ClientValidationFunction
=
"validatehiredate"
SetFocusOnError
=
"true"
ControlToValidate
=
"RadDatePicker1"
ValidationGroup
=
"accountValidation"
ForeColor
=
"Red"
Display
=
"Dynamic"
>Can not Hire Guy less than 18 yrs</
asp:CustomValidator
>
<
br
/>
<
button
onclick
=
"javascript: NextDay(event); return false"
>
Move to next day</
button
>
<
telerik:RadButton
ID
=
"rdbtnpersonalSaveNext"
ValidationGroup
=
"accountValidation"
OnClick
=
"rdbtnpersonalSaveNext_Click"
TabIndex
=
"11"
runat
=
"server"
Text
=
"Save & Next"
>
</
telerik:RadButton
>
</
ItemTemplate
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"rdpgContact"
runat
=
"server"
>
<
telerik:RadPanelBar
runat
=
"server"
ID
=
"RadPanelBar1"
ExpandMode
=
"FullExpandedItem"
Skin
=
"Vista"
EnableEmbeddedSkins
=
"false"
Width
=
"880px"
>
<
ItemTemplate
>
<
asp:TextBox
ID
=
"txtDemo"
runat
=
"server"
>
</
asp:TextBox
>
</
ItemTemplate
>
</
telerik:RadPanelBar
>
<
label
>
Demo Contact
</
label
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
When I click on second Tab and came back to first tab the custom validation which i had written fails, can some one help me..
<telerik:RadCodeBlock runat=
"server"
ID=
"radcb"
>
<script type=
"text/javascript"
language=
"javascript"
>
function
monthDiff(d1, d2) {
var
months;
var
date1 =
new
Date(d1);
var
date2 =
new
Date(d2);
return
(date1 - date2) / (1000 * 60 * 60 * 24);
return
months;
}
//function getLeapYear
function
difference(d1, d2) {
var
diff = 18 * 12;
var
Age = monthDiff(d1, d2);
var
compareVal = 365 * 18;
//getCompareVal(hiredate,dob);
if
(Age >= compareVal) {
return
true
;
//true
}
else
{
return
false
;
//false
}
}
function
validatehiredate(value, arg) {
var
datePicker = $find(
'<%= rdpnlPersonal.FindItemByValue("AccountInformation").FindControl("radDtHiredate").ClientID %>'
);
var
datePicker1 = $find(
'<%= rdpnlPersonal.FindItemByValue("AccountInformation").FindControl("RadDatePicker1").ClientID %>'
);
var
date = datePicker.get_selectedDate();
var
date1 = datePicker1.get_selectedDate();
arg.IsValid = (difference(date, date1));
}
</script>
</telerik:RadCodeBlock>