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

Radbutton validationgroup not validating in IE10

6 Answers 133 Views

Button

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

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

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

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

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

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

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

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

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

</td>

</tr>

</asp:Panel>

<asp:Panel ID="pnlExpressOrder" runat="server">

<tr>

<td>

<asp:CheckBox ID="cbExpressOrder" runat="server" Text="Expressbeställning" />

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

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

answered on 04 Oct 2013, 01:36 PM

Validation-Demo.zip

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.

Accepted

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

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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Radbutton validationgroup not validating in IE10

6 Answers, 1 is accepted