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

Clientside validation does not work

1 Answer 19 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Kurt Kluth
Top achievements
Rank 1
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"
                            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>

1 Answer, 1 is accepted

Sort by
0
Kurt Kluth
Top achievements
Rank 1
answered on 28 Aug 2014, 01:01 PM
Solution to problem was:

<telerik:RadButton ID="_btnSave" runat="server" Text="Save" ValidationGroup="_validationProfile"></telerik:RadButton>
Tags
General Discussions
Asked by
Kurt Kluth
Top achievements
Rank 1
Answers by
Kurt Kluth
Top achievements
Rank 1
Share this question
or