Clientside validation does not work

2 posts, 0 answers
  1. Kurt Kluth
    Kurt Kluth avatar
    144 posts
    Member since:
    Oct 2009

    Posted 27 Aug 2014 Link to this post

    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>
  2. Kurt Kluth
    Kurt Kluth avatar
    144 posts
    Member since:
    Oct 2009

    Posted 28 Aug 2014 Link to this post

    Solution to problem was:

    <telerik:RadButton ID="_btnSave" runat="server" Text="Save" ValidationGroup="_validationProfile"></telerik:RadButton>
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top