This is a migrated thread and some comments may be shown as answers.

Clientside validation does not work

1 Answer 167 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Kurt Kluth asked on 27 Aug 2014, 08:54 PM

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.

<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"

</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>

Clientside validation does not work

1 Answer, 1 is accepted