I don't understand why client-side validation is not working. I have followed the following examples
http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultvb.aspx?#qsf-demo-source
What do I need to do in order to get this working? This page is loaded into a RadWindow if that makes a difference.
http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultvb.aspx?#qsf-demo-source
What do I need to do in order to get this working? This page is loaded into a RadWindow if that makes a difference.
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"ContentPlaceHolder1"
Runat
=
"Server"
>
<
div
>
<
script
type
=
"text/javascript"
>
function CloseAndRebind(args)
{
//alert("Record Updated!");
GetRadWindow().BrowserWindow.refreshGrid(args);
GetRadWindow().close();
}
function GetRadWindow() {
var oWindow = null;
if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
return oWindow;
}
function CancelEdit() {
GetRadWindow().close();
}
</
script
>
<%--<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
>--%>
<
table
width
=
"98%"
style
=
"margin-left: auto; margin-right: auto; "
>
<
tr
>
<
th
class
=
"contenttableheader"
>Contacts</
th
>
</
tr
>
<
tr
>
<
td
class
=
"contenttableboxcontent"
>
<
table
style
=
"border-width: 0px; width: 100%; text-align: left; vertical-align: top;"
cellspacing
=
"2"
cellpadding
=
"5"
class
=
"Table1"
>
<
tr
><
td
class
=
"TitleBar"
colspan
=
"3"
>Contacts </
td
></
tr
>
<
tr
>
<
td
colspan
=
"3"
style
=
"text-align: center;"
><
asp:Label
ID
=
"_lblErrorMsg"
runat
=
"server"
Text
=
""
CssClass
=
"alert"
></
asp:Label
></
td
>
</
tr
>
<
tr
>
<
td
class
=
"LabelStyle"
>M/M</
td
>
<
td
class
=
"LabelStyle"
>First Name</
td
>
<
td
class
=
"LabelStyle"
>Last Name</
td
>
</
tr
>
<
tr
>
<
td
><
telerik:RadDropDownList
ID
=
"_mm"
runat
=
"server"
CssClass
=
"InputSelect"
DefaultMessage
=
"Select Title"
>
<
Items
>
<
telerik:DropDownListItem
Value
=
"Dr."
Text
=
"Dr."
/>
<
telerik:DropDownListItem
Value
=
"Mr."
Text
=
"Mr."
/>
<
telerik:DropDownListItem
Value
=
"Mrs."
Text
=
"Mrs."
/>
<
telerik:DropDownListItem
Value
=
"Ms."
Text
=
"Ms."
/>
<
telerik:DropDownListItem
Value
=
"Rev."
Text
=
"Rev."
/>
</
Items
>
</
telerik:RadDropDownList
>
<
asp:RequiredFieldValidator
runat
=
"server"
ID
=
"_mmValidate"
ControlToValidate
=
"_mm"
Text
=
"*"
ForeColor
=
"Red"
ErrorMessage="Mr./Mrs./Ms. is Required<br />" ValidationGroup="_validationProfile" EnableClientScript="true" Display="Dynamic" InitialValue="Select Title"></
asp:RequiredFieldValidator
>
</
td
>
<
td
><
telerik:RadTextBox
ID
=
"_firstName"
runat
=
"server"
></
telerik:RadTextBox
></
td
>
<
td
><
telerik:RadTextBox
ID
=
"_lastName"
runat
=
"server"
></
telerik:RadTextBox
></
td
>
</
tr
>
<
tr
>
<
td
class
=
"LabelStyle"
>Title</
td
>
<
td
class
=
"LabelStyle"
>Phone 1</
td
>
<
td
class
=
"LabelStyle"
>Phone 2</
td
>
</
tr
>
<
tr
>
<
td
><
telerik:RadTextBox
ID
=
"_title"
runat
=
"server"
></
telerik:RadTextBox
></
td
>
<
td
><
telerik:RadMaskedTextBox
ID
=
"_Phone1"
runat
=
"server"
Mask
=
"(###) ###-####"
ValidationGroup
=
"Group1"
></
telerik:RadMaskedTextBox
>
<%-- <
asp:RequiredFieldValidator
Display
=
"Dynamic"
ID
=
"MaskedTextBoxRequiredFieldValidator"
runat
=
"server"
ErrorMessage
=
"Please, enter a phone number."
ControlToValidate
=
"_Phone1"
></
asp:RequiredFieldValidator
>--%>
<
asp:RegularExpressionValidator
Display
=
"Dynamic"
ID
=
"MaskedTextBoxRegularExpressionValidator"
runat
=
"server"
ErrorMessage
=
"Format is (###) ###-####"
ControlToValidate
=
"_Phone1"
ValidationExpression
=
"\(\d{3}\) \d{3}-\d{4}"
EnableClientScript
=
"true"
ValidationGroup
=
"_validationProfile"
></
asp:RegularExpressionValidator
> ext. <
telerik:RadTextBox
ID
=
"_phone1Ext"
runat
=
"server"
Width
=
"75"
/>
</
td
>
<
td
><
telerik:RadMaskedTextBox
ID
=
"_phone2"
runat
=
"server"
Mask
=
"(###) ###-####"
ValidationGroup
=
"Group1"
></
telerik:RadMaskedTextBox
>
<%-- <
asp:RequiredFieldValidator
Display
=
"Dynamic"
ID
=
"RequiredFieldValidator1"
runat
=
"server"
ErrorMessage
=
"Please, enter a phone number."
ControlToValidate
=
"_Phone2"
></
asp:RequiredFieldValidator
>--%>
<
asp:RegularExpressionValidator
Display
=
"Dynamic"
ID
=
"RegularExpressionValidator1"
runat
=
"server"
ErrorMessage
=
"Format is (###) ###-####"
ControlToValidate
=
"_Phone2"
ValidationExpression
=
"\(\d{3}\) \d{3}-\d{4}"
EnableClientScript
=
"true"
ValidationGroup
=
"_validationProfile"
></
asp:RegularExpressionValidator
> ext. <
telerik:RadTextBox
ID
=
"_phone2Ext"
runat
=
"server"
Width
=
"75"
/>
</
td
>
</
tr
>
<
tr
>
<
td
class
=
"LabelStyle"
>Fax</
td
>
<
td
class
=
"LabelStyle"
>Contact Email</
td
>
</
tr
>
<
tr
>
<
td
><
telerik:RadMaskedTextBox
ID
=
"_Fax"
runat
=
"server"
Mask
=
"(###) ###-####"
ValidationGroup
=
"Group1"
></
telerik:RadMaskedTextBox
>
<
asp:RegularExpressionValidator
Display
=
"Dynamic"
ID
=
"RegularExpressionValidator2"
runat
=
"server"
ErrorMessage
=
"Format is (###) ###-####"
ControlToValidate
=
"_Fax"
ValidationExpression
=
"\(\d{3}\) \d{3}-\d{4}"
EnableClientScript
=
"true"
></
asp:RegularExpressionValidator
></
td
>
<
td
><
telerik:RadTextBox
ID
=
"_email"
runat
=
"server"
></
telerik:RadTextBox
>
<
asp:RegularExpressionValidator
ID
=
"emailValidator"
runat
=
"server"
Display
=
"Dynamic"
ErrorMessage
=
"Please, enter valid e-mail address."
ValidationExpression
=
"^[\w\.\-]+@[a-zA-Z0-9\-]+(\.[a-zA-Z0-9\-]{1,})*(\.[a-zA-Z]{2,3}){1,2}$"
ControlToValidate
=
"_email"
EnableClientScript
=
"true"
ValidationGroup
=
"_validationProfile"
>
</
asp:RegularExpressionValidator
>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
=
"3"
style
=
"text-align: right;"
>
<
telerik:RadButton
ID
=
"_btnCancel"
runat
=
"server"
Text
=
"Cancel"
></
telerik:RadButton
>
<
telerik:RadButton
ID
=
"_btnSave"
runat
=
"server"
Text
=
"Save"
></
telerik:RadButton
>
</
td
>
</
tr
>
</
table
>
</
td
>
</
tr
>
</
table
>
<
asp:ValidationSummary
ID
=
"ValidationSummary1"
runat
=
"server"
ValidationGroup
=
"_validationProfile"
ShowMessageBox
=
"true"
ShowSummary
=
"true"
/>
<%-- </
telerik:RadAjaxPanel
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
></
telerik:RadAjaxLoadingPanel
>--%>
</
div
>
</
asp:Content
>