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

Radbutton validationgroup not validating in IE10

6 Answers 58 Views
Button
This is a migrated thread and some comments may be shown as answers.
Magnus
Top achievements
Rank 1
Magnus asked on 02 Oct 2013, 06:34 AM
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


6 Answers, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 04 Oct 2013, 01:36 PM
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.
0
Magnus
Top achievements
Rank 1
answered on 07 Oct 2013, 06:48 AM
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
0
Magnus
Top achievements
Rank 1
answered on 09 Oct 2013, 08:40 AM
Ianko, did you find the time to look at the video I attached?

Regards,
Magnus
0
Accepted
Slav
Telerik team
answered on 09 Oct 2013, 01:06 PM
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.
0
Magnus
Top achievements
Rank 1
answered on 09 Oct 2013, 02:17 PM
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
0
Magnus
Top achievements
Rank 1
answered on 10 Oct 2013, 06:39 AM
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
Tags
Button
Asked by
Magnus
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Magnus
Top achievements
Rank 1
Slav
Telerik team
Share this question
or