Radbutton validationgroup not validating in IE10

7 posts, 1 answers
  1. Magnus
    Magnus avatar
    9 posts
    Member since:
    Sep 2013

    Posted 02 Oct 2013 Link to this post

    Hello!

    Recently I had a problem with a button not working in IE10. (Last post in http://www.telerik.com/community/forums/aspnet-ajax/button/radbutton-onclick-event-won-t-fire.aspx )

    Anyway, after upgrading to Q2 2013 the button worked, even in IE 10. However, now it won't validate the textboxes, meaning one can enter an empty invoice address.

    Everything works fine in Chrome/FF/IE8 (didn't try IE9 yet) but as I said, in IE 10 it is possible to leave all textboxes empty and still get the order through. Any ideas?

    I also noticed that your demo on http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultcs.aspx isn't working in IE10, i. e. the same problem I had before I updated to Q2.

    The button is used in a shopping cart with multiviews and the problem occurs from step 2 to step 3, due to validation on that specific button.

    <%@ Page Language="C#" AutoEventWireup="True" Inherits="Litho.MP.Web.Base.UI.ShoppingCart" Codebehind="ShoppingCart.aspx.cs" %>
    <%@ Register Src="AddressControl.ascx" TagName="AddressControl" TagPrefix="uc2" %>
    <%@ Register Src="ShoppingCartItemList.ascx" TagName="ShoppingCartItemList" TagPrefix="uc1" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <asp:Content ID="Content1" ContentPlaceHolderID="mainContent" runat="Server">
     
    <style type="text/css">
         
        .buttons
        {
            display:none;
        }
        .radButton
        {
            display:block;
        }
        
         
    </style>
     
        <h1><asp:Literal ID="ltrShoppingCart" runat="server" Text="Varukorg"/></h1>
     
        <div id="content">
         
            <asp:MultiView ID="mvMain" runat="server">
                 
                <asp:View ID="viewEmptyCart" runat="server">
                    <asp:Label ID="lblShoppingCartIsEmpty" runat="server" Font-Bold="true" Text="Varukorgen är tom" />
                </asp:View>
                 
                <asp:View ID="viewEditCart" runat="server">
                     
                    <h2><asp:Literal ID="ltrStepOneOfFour" runat="server" Text="Steg 1 av 3" /></h2>
                    <p><asp:Label ID="lblChooseAmountAndProceed" runat="server" Text="Välj det antal du vill ha av varje vara och klicka sedan på nästa för att fortsätta" /></p>
                     
                    <asp:Panel ID="pnlHelpText" runat="server">
                        <div style="float:left;padding-bottom:15px;">
                            <asp:Label ID="lblHelpText" CssClass="lblHelpText" runat="server" />
                        </div>
                        <div style="clear:both;"></div>
                    </asp:Panel>
                    <br />
                     
                    <uc1:ShoppingCartItemList id="ShoppingCartItemList1" Editable="true" OnShoppingCartItemDeleted="ShoppingCartItemList1_ShoppingCartItemDeleted" runat="server" />
                    <br />
                    <br />
                      
                    <div style="clear:both;"></div>
                     
                    <div style="float:left;width:300px;">
                         
                        <div style="float:left;">
                            <div class="buttons">
                                <asp:Button ID="btnClearShoppingCart" runat="server" CssClass="btn btnClearShoppingCart" Text="Töm varukorgen" OnClick="btnClearShoppingCart_Click" />
                            </div>
                            <div class="radButton">
                                <telerik:RadButton ID="btnClearShoppingCartRadbutton" Text="Töm varukorgen" runat="server" OnClick="btnClearShoppingCart_Click">
                                    <Icon PrimaryIconCssClass="rbRemove" PrimaryIconLeft="4" PrimaryIconTop="4" />
                                </telerik:RadButton>   
                            </div>
                        </div>
                         
                        <div style="float:left;padding-left:5px;">
                            <asp:Panel ID="pnlContinueShopping" runat="server">
                                <div class="buttons">
                                    <asp:Button ID="btnContinueShopping" runat="server" CssClass="btn btnContinueShopping" Text="Beställ mer" OnClick="btnContinueShopping_Click" />
                                </div>
                                <div class="radButton">
                                    <telerik:RadButton ID="btnContinueShoppingRadbutton" Text="Beställ mer" runat="server" OnClick="btnContinueShopping_Click" />   
                                </div>
                            </asp:Panel>
                        </div>
                         
                        <div style="float:left;padding-left:5px;">
                            <div class="buttons">
                                <asp:Button ID="btnStep1Next2" runat="server" CssClass="btn btnStep1Next btnNext" Text="Nästa" OnClick="btnStep1Next_Click" />
                            </div>
                            <div class="radButton">
                                <telerik:RadButton ID="btnStep1Next2RadButton" Text="Nästa" runat="server" OnClick="btnStep1Next_Click">
                                    <Icon SecondaryIconCssClass="rbNext" SecondaryIconRight="4" SecondaryIconTop="5" />
                                </telerik:RadButton>   
                            </div>
                        </div>
                         
                    </div>
                     
                </asp:View>
                 
                <asp:View ID="viewAddresses" runat="server">
                    
                    <h2><asp:Literal ID="ltrStepTwoOfFour" runat="server" Text="Steg 2 av 3" /></h2>
                    <p><asp:Label ID="lblEnterAddressesAndContinue" runat="server" Text="Fyll i leveransadress och fakturaadress och klicka sedan på nästa för att fortsätta" /></p>
                     
                    <br />
                     
                    <table>
                     
                        <tr>
                            <td class="tdAddress">
                                <uc2:AddressControl id="ucDeliveryAddressControl" runat="server" />
                            </td>
                            <td class="tdAddress">
                                <uc2:AddressControl id="ucInvoiceAddressControl" runat="server" />
                            </td>
                        </tr>
                         
                        <asp:Panel ID="pnlCopyDeliveryAddress" runat="server">
                            <tr>
                                <td colspan="2">
                                   <div class="buttons"><asp:Button ID="btnCopyDeliveryAddress" runat="server" Text="Kopiera address ->" CssClass="btn btnCopyDeliveryAddress" OnClick="btnCopyDeliveryAddress_Click" /></div>
                                   <div class="radButton">
                                        <telerik:RadButton ID="btnCopyDeliveryAddressRadbutton" Text="Kopiera address ->"  runat="server" OnClick="btnCopyDeliveryAddress_Click" />  
                                    </div>
                                   <br />
                                   <br />
                                </td>
                            </tr
                        </asp:Panel>
                         
                        <asp:Panel ID="pnlOrganisationNumber" runat="server">
                            <tr>
                                <td>
                                    <asp:Label ID="lblOrganisationNumber" runat="server" />
                                    <asp:RequiredFieldValidator ID="reqOrganisationNumber" runat="server" ControlToValidate="tbOrganisationNumber" ValidationGroup="vgAddress" Enabled="false"/>
                                    <br />
                                    <telerik:RadTextBox ID="tbOrganisationNumber" runat="server" CssClass="AddressTextBox" />
                                    <br />
                                </td>
                            </tr>
                        </asp:Panel>
                         
                        <asp:Panel ID="pnlDocumentNumber" runat="server">
                            <tr>
                                <td>
                                <div style="margin-left:5px">
                                    <asp:Label ID="lblDocumentNumber" runat="server" />
                                    <asp:RequiredFieldValidator ID="reqDocumentNumber" runat="server" ControlToValidate="tbDocumentNumber" ValidationGroup="vgAddress" Enabled="false"/>
                                    <br />
                                    <telerik:RadTextBox ID="tbDocumentNumber" runat="server" CssClass="AddressTextBox" Width="200px" />
                                    </div>
                                    <br />
                                </td>
                            </tr>
                        </asp:Panel>
                         
                        <tr>
                            <td colspan="2">
                            <div style="margin-left:5px">
                                <asp:Label ID="lblMessage" runat="server" Text="Meddelande" /><br />
                                <telerik:RadTextBox ID="tbMessage" runat="server" CssClass="AddressTextBox" TextMode="MultiLine" Width="200px"/>
                                </div>
                                <br />
                            </td>
                        </tr>
                         
                    </table>
                     
                    <br />
                    <div style="float:left;margin-left:6px;">
                    <div class="buttons">
                        <asp:Button ID="btnStep2Prev2"  runat="server" CssClass="btn btnStep2Prev btnPrev" Text="Föregående" OnClick="btnStep2Prev_Click" />
                    </div>
                    <div class="radButton">
                        <telerik:RadButton ID="btnStep2Prev2RadButton" Text="Föregående" runat="server" OnClick="btnStep2Prev_Click">
                            <Icon PrimaryIconCssClass="rbPrevious" PrimaryIconLeft="4" PrimaryIconTop="5" />
                        </telerik:RadButton>   
                    </div>
                    </div>
                    <div style="float:left;padding-left:5px;">
                    <div class="buttons">
                        <asp:Button ID="btnStep2Next2" runat="server" ValidationGroup="vgAddress" CssClass="btn btnStep2Next btnNext" Text="Nästa" OnClick="btnStep2Next_Click" />
                    </div>
                    <div class="radButton">
                        <telerik:RadButton ID="btnStep2Next2RadButton" ValidationGroup="vgAddress" Text="Nästa" runat="server" OnClick="btnStep2Next_Click">
                            <Icon SecondaryIconCssClass="rbNext" SecondaryIconRight="4" SecondaryIconTop="5" />
                        </telerik:RadButton>   
                    </div>
                    </div>
                </asp:View>
                 
                <asp:View ID="viewReviewAndOrder" runat="server">
                     
                    <h2><asp:Literal ID="ltrStep3OfFour" runat="server" Text="Steg 3 av 3" /></h2>
                    <p><asp:Label ID="lblReviewAndOrder" runat="server" Text="Kontrollera alla uppgifter och klicka sedan på beställ för att genomföra beställningen" /></p>
                     
                    <br />
                     
                    <table cellpadding="0" cellspacing="0">
                        <tr>
                            <td>
                                <uc1:ShoppingCartItemList id="ShoppingCartItemList2" Editable="false" runat="server" />
                                <br />
                                <br />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td style="vertical-align: top; padding-right: 20px;">
                                            <uc2:AddressControl id="ucDelivery2AddressControl" Mode="0" runat="server" />
                                        </td>
                                        <td style="vertical-align: top;">
                                            <uc2:AddressControl id="ucInvoice2AddressControl" Mode="0" runat="server" />
                                        </td>
                                    </tr>
                                </table>
                                <br />
                            </td>
                        </tr>
                         
                        <asp:Panel ID="pnlOrganisationNumberReview" runat="server">
                            <tr>
                                <td>
                                    <asp:Label ID="lblOrganisationNumberReviewHeading" runat="server" Font-Bold="true" Text="Organisationsnummer" /><br />
                                    <asp:Label ID="lblOrganisationNumberReview" runat="server" />
                                    <br />
                                    <br />
                                </td>
                            </tr>
                        </asp:Panel>
                         
                        <asp:Panel ID="pnlDocumentNumberReview" runat="server">
                            <tr>
                                <td>
                                    <asp:Label ID="lblDocumentNumberReviewHeading" runat="server" Font-Bold="true" Text="CDIID" /><br />
                                    <asp:Label ID="lblDocumentNumberReview" runat="server" />
                                    <br />
                                    <br />
                                </td>
                            </tr>
                        </asp:Panel>
                         
                        <asp:Panel ID="pnlMessageReview" runat="server">
                            <tr>
                                <td>
                                    <asp:Label ID="lblMessageReviewHeading" runat="server" Font-Bold="true" Text="Meddelande" /><br />
                                    <asp:Label ID="lblMessageReview" runat="server" />
                                    <br />
                                    <br />
                                </td>
                            </tr
                        </asp:Panel>
                         
                        <asp:Panel ID="pnlExpressOrder" runat="server">
                            <tr>
                                <td>
                                    <asp:CheckBox ID="cbExpressOrder" runat="server" Text="Expressbeställning" />
                                    <br />
                                    <br />
                                </td>
                            </tr>
                        </asp:Panel>
     
                    </table>
     
                    <br />
     
                    <div class="buttons">
                        <asp:Button ID="btnStep3Prev2" runat="server" Text="Föregående" CssClass="btn btnStep3Prev btnPrev" OnClick="btnStep3Prev_Click" />
                    </div>
                    <div style="float:left;">
                        <div class="radButton">
                            <telerik:RadButton ID="btnStep3Prev2RadButton" Text="Föregående" runat="server" OnClick="btnStep3Prev_Click">
                                <Icon PrimaryIconCssClass="rbPrevious" PrimaryIconLeft="4" PrimaryIconTop="5" />
                            </telerik:RadButton>   
                        </div>
                    </div>
                     
                    <div class="buttons">
                        <asp:Button ID="btnStep3Order2" runat="server" Text="Beställ" CssClass="btn btnStep3Order btnOrder" OnClick="btnStep3Order_Click" />
                    </div>
                    <div style="float:left;padding-left:5px;">
                        <div class="radButton">
                            <telerik:RadButton ID="btnStep3Order2RadButton" Text="Beställ" runat="server" OnClick="btnStep3Order_Click" />
                        </div>
                    </div>
                </asp:View>
                 
                <asp:View ID="viewConfirmation" runat="server">
                 
                    <p><asp:Label ID="lblOrderConfirmation" runat="server" Text="Tack för din beställning!" /></p>
                     
                </asp:View>
                 
                <asp:View ID="viewOrderError" runat="server">
                 
                    <p><asp:Label ID="lblOrderError" runat="server" Text="Beställningen misslyckades. Kontakta support@litho.se för hjälp." /></p>
                     
                </asp:View>
                 
            </asp:MultiView>
         
        </div>
         
    </asp:Content>

    Regards,

    Magnus


  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 04 Oct 2013 Link to this post

    Hi Magnus,

    I am unable to reproduce the problem with the mentioned demo, could you please review the attached video and let me know if I am missing something of importance?

    Regards,
    Ianko
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Magnus
    Magnus avatar
    9 posts
    Member since:
    Sep 2013

    Posted 07 Oct 2013 Link to this post

    Hi Ianko

    Thanks for your reply. I've watched your video and I don't understand why it works for you.
    Here is a link to the problem I'm experiencing. Sorry for the quality...
    https://www.dropbox.com/s/bhxghotr3nk02tr/Telerik.3gp

    Slav, hello.

    Regards,
    Magnus
  5. Magnus
    Magnus avatar
    9 posts
    Member since:
    Sep 2013

    Posted 09 Oct 2013 Link to this post

    Ianko, did you find the time to look at the video I attached?

    Regards,
    Magnus
  6. Answer
    Slav
    Admin
    Slav avatar
    1355 posts

    Posted 09 Oct 2013 Link to this post

    Hello Magnus,

    I noticed that the buttons in the Validation demo on your end are not decorated (they should be skinned by the RadFormDecorator on the page). Please verify that you are showing the live demos and if the displayed demo is local on your machine, that you have not modified it.

    Also, please check the console tab in the dev tools of the browser for JavaScript errors. If there are, the information in this sticky thread could be related to the encountered problem.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  7. Magnus
    Magnus avatar
    9 posts
    Member since:
    Sep 2013

    Posted 09 Oct 2013 Link to this post

    Hi, yes I have noticed that too.
    The demo is tested online from your website. The buttons are the same in IE 8 with script errors in the console, however the validation works in IE 8, both client and server.

    IE 8 is a computer running Windows Server 2003 R2 and IE 10 is running Windows Server 2008 R2.
    I'll try the demo on a "standard" computer when possible and get back to you.

    Script errors IE 10
    SCRIPT5009: '$telerik' is undefined
    qsf-scripts.js, line 1 character 1
    SCRIPT5009: 'Telerik' is undefined
    defaultcs.aspx, line 1468 character 1
    SCRIPT5007: Unable to get property 'get_dropDownElement' of undefined or null reference
    defaultcs.aspx, line 1596 character 5


    Regards,
    Magnus
  8. Magnus
    Magnus avatar
    9 posts
    Member since:
    Sep 2013

    Posted 10 Oct 2013 Link to this post

    Hello again!
    I did some tests and it appears that everything works on IE 10 on a "normal" computer running Windows 8.
    This is the only computer I've tested though, gonna try IE 10 on Windows 7 later.
    Could it be that IE is run on a server perhaps? I don't know, I guess the problem is solved though.
    Thanks for your answers! :)

    Regards,
    Magnus
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017