Login Page doesn't work in IE 10 or 11 when using Enter key

[nandryshak]

Hello folks,

I'm having an issue with logins in IE 10 and 11. If you hit enter after entering in your username and password, nothing happens, and attempts to navigate to another page usually time out. It seems like IE is not sending the correct information back to the server.

This doesn't happen in IE <= 9, Chrome, or Firefox. It also doesn't happen if you click the login button. Only hitting enter will break it.

I already implemented this fix to no avail: http://help.ablecommerce.com/upgrades/a ... _ie_10.htm

What could be the issue?

Here is my ~/Conlib/LoginDialog.ascx:

Code: Select all

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LoginDialog.ascx.cs" Inherits="ConLib_LoginDialog" %>
<%-- <conlib>
<summary>Displays a standard login dialog that includes support for recovering forgotten passwords.</summary>
<param name="EnableAdminRememberMe" default="true">Set to <b>true</b>or <b>false</b>. Indicates whether the remember me option is available to admin users.</param>
</conlib>--%>
<%@ Register Assembly="CommerceBuilder.Web" Namespace="CommerceBuilder.Web.UI.WebControls" TagPrefix="cb" %>
<ajax:UpdatePanel ID="LoginAjax" runat="server">
    <ContentTemplate>
        <asp:Panel ID="LoginPanel" runat="server" DefaultButton="HiddenButtonLogin" CssClass="dialogSection">
            <div class="header">
                <h2>
                    <asp:Localize ID="Caption" runat="server" Text="Returning Customers" EnableViewState="False"></asp:Localize>
                </h2>
            </div>
            <div class="content nofooter">
                <table class="inputForm" cellpadding="0" cellspacing="0" align="center">
                    <tr>
                        <td colspan="3">
                            <asp:Label ID="InstructionText" runat="server" Text="If you have already registered with <b>{0}</b>, please sign in now." EnableViewState="False"></asp:Label>
                            <br />
                            <br />
                            <asp:ValidationSummary ID="LoginValidationSummary" runat="server" ValidationGroup="Login" EnableViewState="False" />
                        </td>
                    </tr>
                    <tr>
                        <th class="rowHeader">
                            <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" Text="User Name:" EnableViewState="False"></asp:Label>
                        </th>
                        <td align="left" colspan="2">
                            <asp:TextBox ID="UserName" runat="server" Columns="30" CssClass="txt" TabIndex="1"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" ErrorMessage="You must provide a user name." ToolTip="You must provide a user name." ValidationGroup="Login" Text="*"></asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="InvalidLogin" runat="server" ControlToValidate="UserName" ErrorMessage="The sign in information you provided was incorrect." ToolTip="The sign in information you provided was incorrect." Display="Dynamic" ValidationGroup="Login" Text="*" EnableViewState="false"></asp:CustomValidator>
                            <asp:CustomValidator ID="AccountDisabled" runat="server" ControlToValidate="UserName" ErrorMessage="This account has been disabled." ToolTip="This account has been disabled." Display="Dynamic" ValidationGroup="Login" Text="*" EnableViewState="false"></asp:CustomValidator>
                            <asp:CustomValidator ID="AccountLocked" runat="server" ControlToValidate="UserName" ErrorMessage="This account has been locked for {0} minutes." ToolTip="This account has been locked." Display="Dynamic" ValidationGroup="Login" Text="*" EnableViewState="false"></asp:CustomValidator>
                        </td>
                    </tr>
                    <tr id="trRememberMe" runat="server">
                        <td>&nbsp;</td>
                        <td colspan="2">
                            <asp:CheckBox ID="RememberUserName" runat="server" Text="Remember Me" TabIndex="2" />
                        </td>
                    </tr>
                    <tr>
                        <th class="rowHeader">
                            <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" Text="Password:" EnableViewState="False"></asp:Label>
                        </th>
                        <td nowrap>
                            <asp:TextBox ID="Password" runat="server" TextMode="Password" Width="80px" EnableViewState="False" TabIndex="3"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" ErrorMessage="You must provide a password." ToolTip="You must provide a password." ValidationGroup="Login" Text="*" EnableViewState="False"></asp:RequiredFieldValidator>
                        </td>
                        <td rowspan="3">
                            <asp:PlaceHolder ID="trCaptchaImage" runat="server" Visible="false">
                                <br />
                                <ajax:UpdatePanel ID="CaptchaPanel" runat="server" UpdateMode="Conditional">
                                    <ContentTemplate>
                                        <asp:Label ID="CaptchaImageLabel" runat="server" Text="Verification Number:" AssociatedControlID="CaptchaImage" SkinID="FieldHeader" EnableViewState="False"></asp:Label>
                                        <br />
                                        <cb:CaptchaImage ID="CaptchaImage" runat="server" Height="60px" Width="200px" EnableViewState="False" />
                                        <br />
                                        <asp:LinkButton ID="ChangeImageLink" runat="server" Text="different image" CausesValidation="false" OnClick="ChangeImageLink_Click" EnableViewState="False" TabIndex="6"></asp:LinkButton>
                                        <br />
                                        <br />
                                    </ContentTemplate>
                                </ajax:UpdatePanel>
                            </asp:PlaceHolder>
                        </td>
                    </tr>
                    <tr id="trCaptchaField" runat="server" visible="false">
                        <th class="rowHeader">
                            <asp:Label ID="CaptchaInputLabel" runat="server" Text="Verification:" AssociatedControlID="CaptchaInput" EnableViewState="False"></asp:Label>
                        </th>
                        <td>
                            <asp:TextBox ID="CaptchaInput" runat="server" Width="80px" EnableViewState="False" TabIndex="4"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="CaptchaRequired" runat="server" ControlToValidate="CaptchaInput" ErrorMessage="You must enter the number in the image." ToolTip="You must enter the number in the image." Display="Dynamic" ValidationGroup="Login" Text="*" EnableViewState="False"></asp:RequiredFieldValidator>
                            <asp:PlaceHolder ID="phCaptchaValidators" runat="server" EnableViewState="false"></asp:PlaceHolder>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="LOGIN" ValidationGroup="Login" OnClick="LoginButton_Click" UseSubmitBehavior="false" EnableViewState="false" TabIndex="5" />
                            <%--hidden button start--%>
                                <asp:Button ID="HiddenButtonLogin" runat="server" style="visibility:hidden" OnClick="LoginButton_Click" CausesValidation="false" EnableViewState="false" />
                                <%--hidden button start--%>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td colspan="2">
                            <asp:LinkButton ID="ForgotPasswordButton" runat="server" Text="Forgot User Name or Password?" CausesValidation="false" OnClick="ForgotPasswordButton_Click" EnableViewState="False" TabIndex="7"></asp:LinkButton>
                        </td>
                    </tr>
                </table>
        </asp:Panel>
        <asp:Panel ID="ForgotPasswordPanel" runat="server" DefaultButton="ForgotPasswordNextButton" CssClass="dialogSection" Visible="false">
            <div class="header">
                <h2>
                    <asp:Localize ID="ForgotPasswordCaption" runat="server" Text="Forgot Password" EnableViewState="false"></asp:Localize>
                </h2>
            </div>
            <div class="content nofooter">
                <table class="inputForm" cellpadding="0" cellspacing="0" align="center">
                    <tr>
                        <td colspan="2">
                            <asp:Label ID="ForgotPasswordHelpText" runat="server" EnableViewState="False" Text="Enter your registered email address for user name or password assistance."></asp:Label>
                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="ForgotPassword" EnableViewState="false" />
                        </td>
                    </tr>
                    <tr>
                        <th class="rowHeader">
                            <asp:Label ID="ForgotPasswordUserNameLabel" runat="server" AssociatedControlID="ForgotPasswordUserName" Text="Email:" EnableViewState="false"></asp:Label>
                        </th>
                        <td align="left" style="width:80%;">
                            <asp:TextBox ID="ForgotPasswordUserName" runat="server" Columns="30" EnableViewState="false"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="ForgotPasswordUserNameRequired" runat="server" ControlToValidate="ForgotPasswordUserName" ErrorMessage="Email address is required" ToolTip="Email address is required" ValidationGroup="ForgotPassword" Display="Dynamic" Text="*" EnableViewState="false"></asp:RequiredFieldValidator>
                            <asp:CustomValidator ID="ForgotPasswordUserNameValidator" runat="server" ControlToValidate="ForgotPasswordUserName" ErrorMessage="The given email address is not registered." ToolTip="The given email address is not registered." Display="Dynamic" ValidationGroup="ForgotPassword" Text="*" EnableViewState="false"></asp:CustomValidator>
                            <asp:CustomValidator ID="DisabledUsernameValidator" runat="server" ControlToValidate="ForgotPasswordUserName" ErrorMessage="The account associated with this address has been disabled." ToolTip="The account associated with this address has been disabled." Display="Dynamic" ValidationGroup="ForgotPassword" Text="*" EnableViewState="false"></asp:CustomValidator>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="center">
                            <asp:Button ID="ForgotPasswordCancelButton" runat="server" Text="CANCEL" CausesValidation="False" OnClick="ForgotPasswordCancelButton_Click" EnableViewState="false" />
                            <asp:Button ID="ForgotPasswordNextButton" runat="server" Text="NEXT >" ValidationGroup="ForgotPassword" OnClick="ForgotPasswordNextButton_Click" EnableViewState="false" />
                        </td>
                    </tr>
                </table>
            </div>
        </asp:Panel>
        <asp:Panel ID="EmailSentPanel" runat="server" CssClass="dialogSection" Visible="false">
            <div class="header">
                <h2>
                    <asp:Localize ID="EmailSentCaption" runat="server" Text="Check Your Email" EnableViewState="false"></asp:Localize>
                </h2>
            </div>
            <div class="content nofooter">
                <asp:Label ID="EmailSentHelpText" runat="server" Text="We have sent an email to '{0}'. Please check your email to get the user name or follow the link it contains to create a new password." EnableViewState="false"></asp:Label>
                <br />
                <br />
                <asp:Button ID="KeepShoppingButton" runat="server" Text="Keep Shopping" OnClick="KeepShoppingButton_Click" EnableViewState="false" />
            </div>
        </asp:Panel>
        <asp:Panel ID="PasswordExpiredPanel" runat="server" DefaultButton="ChangePasswordButton" CssClass="dialogSection" Visible="false">
            <div class="header">
                <h2>
                    <asp:Localize ID="PasswordExpiredCaption" runat="server" Text="Password Expired" EnableViewState="false"></asp:Localize>
                </h2>
            </div>
            <div class="content nofooter">
                <table class="inputForm">
                    <tr>
                        <td align="left" colspan="2">
                            <asp:Localize ID="PasswordExpiredInstructionText" runat="server" Text="You must provide a new password to continue and the new password must meet the following minimum requirements:" EnableViewState="false"></asp:Localize>
                            <ul>
                                <li runat="server" id="ppLength">
                                    <asp:Localize ID="PasswordPolicyLength" runat="server" Text="  The new password must be at least {0} characters long." EnableViewState="false"></asp:Localize>
                                </li>
                                <li runat="server" id="ppHistoryCount">
                                    <asp:Localize ID="PasswordPolicyHistoryCount" runat="server" Text="  You may not use any of your previous {0} passwords." EnableViewState="false"></asp:Localize>
                                </li>
                                <li runat="server" id="ppHistoryDays">
                                    <asp:Localize ID="PasswordPolicyHistoryDays" runat="server" Text="  You may not reuse any passwords used within the last {0} days." EnableViewState="false"></asp:Localize>
                                </li>
                                <li runat="server" id="ppPolicyRequired">
                                    <asp:Localize ID="PasswordPolicyRequired" runat="server" Text="  The password must include at least one {0}." EnableViewState="false"></asp:Localize>
                                </li>
                            </ul>
                            <br/>
                            <asp:ValidationSummary ID="PasswordExpiredValidationSummary" runat="server" ValidationGroup="PasswordExpired" EnableViewState="false" />
                        </td>
                    </tr>
                    <tr>
                        <th align="right">
                            <asp:Label ID="NewPasswordLabel" runat="server" AssociatedControlID="NewPassword" Text="New Password" EnableViewState="false"></asp:Label>
                        </th>
                        <td align="left">
                            <asp:TextBox ID="NewPassword" runat="server" Font-Size="0.8em" TextMode="Password" EnableViewState="false"></asp:TextBox>
                            <asp:PlaceHolder ID="phNewPasswordValidators" runat="server" EnableViewState="false"></asp:PlaceHolder>
                            <asp:RequiredFieldValidator ID="NewPasswordRequired" runat="server" ControlToValidate="NewPassword" ErrorMessage="New password is required." ToolTip="New Password is required." Text="*" ValidationGroup="PasswordExpired" EnableViewState="false"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <th align="right">
                            <asp:Label ID="ConfirmNewPasswordLabel" runat="server" AssociatedControlID="ConfirmNewPassword" Text="Retype:" EnableViewState="false"></asp:Label>
                            </td>
                        </th>
                        <td align="left">
                            <asp:TextBox ID="ConfirmNewPassword" runat="server" Font-Size="0.8em" TextMode="Password" EnableViewState="false"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="ConfirmNewPasswordRequired" runat="server" ControlToValidate="ConfirmNewPassword" ErrorMessage="Confirm New Password is required." ToolTip="Confirm New Password is required." Text="*" ValidationGroup="PasswordExpired" EnableViewState="false"></asp:RequiredFieldValidator>
                            <asp:CompareValidator ID="NewPasswordCompare" runat="server" ControlToCompare="NewPassword" ControlToValidate="ConfirmNewPassword" Display="Dynamic" ErrorMessage="You did not retype the new password correctly." Text="*" ValidationGroup="PasswordExpired" EnableViewState="false"></asp:CompareValidator>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td>
                            <asp:Button ID="ChangePasswordButton" runat="server" Text="CONTINUE >" EnableViewState="false" ValidationGroup="PasswordExpired" OnClick="ChangePasswordButton_Click" />
                        </td>
                    </tr>
                </table>
            </div>
        </asp:Panel>
        <asp:HiddenField ID="VS" runat="server" EnableViewState="false" />
    </ContentTemplate>
</ajax:UpdatePanel>

And my ~/Layouts/Scriptlet.master:

Code: Select all

<%@ Master Language="C#" %>
<%@ Register Assembly="CommerceBuilder.Web" Namespace="CommerceBuilder.Web.UI.WebControls.WebParts" TagPrefix="cb" %>
<%@ Register Src="~/Layouts/AdminPanel.ascx" TagName="AdminPanel" TagPrefix="uc" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="head1" runat="server">
    <meta id="FirstCtrlID" runat="server" http-equiv="X-UA-Compatible" content="IE=9" />


</head>
<body onload="initAjaxProgress();">
    <form id="form1" runat="server">
    <ajax:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">
        <Scripts>
            <ajax:ScriptReference Path="~/js/WebKitFix.js" />
            <ajax:ScriptReference Path="~/js/common.js" />
        </Scripts>
    </ajax:ScriptManager>
    <ajax:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="2000">
        <ProgressTemplate>
            <div id="ajaxProgressBg"></div>
            <div id="ajaxProgress"></div>
        </ProgressTemplate>
    </ajax:UpdateProgress>
    <asp:WebPartManager ID="wpm" runat="server"></asp:WebPartManager>
    <cb:ScriptletZone ID="ContentZone" runat="server" HeaderText="Content" PartChromeType="None" Width="100%">
        <ZoneTemplate>
            <asp:contentplaceholder id="PageContent" runat="server">
            </asp:contentplaceholder>
        </ZoneTemplate>
    </cb:ScriptletZone>
    <uc:AdminPanel ID="AdminPanel" runat="server" />
    </form>
</body>
</html>

[AbleMods]

The meta tag does not use an ID or runat= attribute. It is not a server-side control.

[nandryshak]

The meta tag does not use an ID or runat= attribute. It is not a server-side control.

Thanks, but that's not the issue.

[AbleMods]

No problem at all.

I believe the <enter> submit behavior on the page is established by the able code using some javascript. It might help to load up Fiddler2 on the machine and see how the GET/POST responses are working between the browser and the site. It could lend some insight into the issue.

What about image button controls i.e. like the Checkout button on the basket page...is that working in IE10 or IE11?

[nandryshak]

I have indeed used Fiddler on this:



It seems the browser isn't sending any information back to the server. The request eventually times out and receive the message:

>[Fiddler] 504 ReadResponse() failed: The server did not return a response for this request.Server returned 0 bytes.

All other image buttons work fine.

[AbleMods]

You've got some custom javascript running on that page. Most likely that's breaking the AJAX postback in IE. Sometimes a missing closing tag on some minor element can cause it to break too. But more likely it's the javascript.

I'd start with commenting out all the javascript and work your way back up one .js file at a time until it breaks again. Then you've found your cause.

[nandryshak]

Yeah we tried that, still no luck.

[nandryshak]

We also have a development site, and after turning debug on and off again in web.config the dev site in suddenly fixed. I tried the same thing for the production site and it did nothing. The client's code for the dev and prod Login.aspx is exactly 100% the same. All external scripts are the same. LoginDialog.aspx[.cs] and RegisterDialog.aspx[.cs] are the same. Scriptlet.master is the same. Even both web.configs are the same.

Does anybody have any idea what could be going on?

[Katie]

Is it on the same server? If not, you'll have to start looking at the server environment differences. Part of the IE10 fix included an update for Asp.Net.

If that's not it, then you might need to try rebooting the server or removing the temporary asp.net files, in case the cache is really hanging on...

[nandryshak]

Is it on the same server? If not, you'll have to start looking at the server environment differences. Part of the IE10 fix included an update for Asp.Net.

If that's not it, then you might need to try rebooting the server or removing the temporary asp.net files, in case the cache is really hanging on...

Yes, both sites are using the same instance of IIS. We've rebooted the server multiple times since we've had this issue, including just a few hours ago after making sure all the files were the same.

[nandryshak]

Not sure if this is useful. The top two requests are from a failed log in. The bottom two, from a successful one. Is IE sending two requests in the first login attempt?

[Katie]

If you are sure that Asp.Net framework was patched (not IIS), then I would suggest replacing your custom header with the default one. Give it a quick test to see if there is something that is breaking the login button.

If it still broke, and this is only happening with IE10 browsers, then the Asp.Net version and the known issue with this browser certainly seems like the culprit.

[nandryshak]

If you are sure that Asp.Net framework was patched (not IIS), then I would suggest replacing your custom header with the default one. Give it a quick test to see if there is something that is breaking the login button.

If it still broke, and this is only happening with IE10 browsers, then the Asp.Net version and the known issue with this browser certainly seems like the culprit.

I'm fairly sure ASP.NET was patched. I'm taking the word of my server admin. My "replace the header", do you mean the HTTP header? I've already stripped the page bare (removed AbleCommerce header/footer/erroneous JS, etc.) except for the Login fields and that didn't work. It's happening in 8, 10, and 11.

[nandryshak]

I found out that the file ~/App_code/PageHelper.cs generates a JavaScript function called "fnSubmitOnCR". Is this function from AbleCommerce?

Here's the function:

Code: Select all

function fnSubmitOnCR(e, n) {
    var key;
    if (window.event) key = window.event.keyCode;
    else key = e.which;
    if (key == 13) {
        var o = document.getElementById(n);
        if (o != null) {
            o.click();
            return false;
        }
    }
    return true;
}

Is this stock AbleCommerce?

[Katie]

Which build do you have?

Also, I was able to register as a new user using the enter key, but on the existing user login form, it didn't work. This is with IE9.
Maybe there is a problem with having 2 submit buttons on the same page?

[nandryshak]

Which build do you have?

Also, I was able to register as a new user using the enter key, but on the existing user login form, it didn't work. This is with IE9.
Maybe there is a problem with having 2 submit buttons on the same page?

VERSION: 7.0.7.14600

I may have found a solution. It's a strange, hacky fix, but it seems to be working okay for now.

In the fnSubmitOnCR function that I previously mentioned, I put in the line `console.log(o);` after it gets o using getElementById to see if maybe o was undefined or null or something. What I didn't remember at the time was that in IE, the console object is undefined until the console is actually opened, so putting in the log line causes the function to break in IE if the console isn't open.

Breaking this function fixed the problem. It seems that this function might have been generating a bad request.

Thanks everyone for the help. Please let me know if you can provide any insight into this issue. Is fnSubmitOnCR an AbleCommerce function? Is it important? It seems that forms are submitted okay without it, so I don't really understand its purpose.

[sloDavid]

ASP.NET 4.0 and below has a problem processing ASP ImageButton clicks from IE10+. It was fixed with .NET 4.5. To be compatible with IE10+, you need to either upgrade your server to .NET 4.5, or if like me that's not feasible, you need to force IE10+ to behave like IE9. I fixed this problem for myself (older AC site on .NET 2.0) by adding a meta tag to all my pages:

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=9">

[DonAshby]

Hi
Is there anyone who might know why AC 7.0 Shopping Cart Add to Cart no longer works with IE 10 and IE 11. It works with FF Safari and Chrome right now.
We get a page not found error

http://www.store.com/foldername/AppErro ... oduct.aspx

when someone trys to add something to the CART.

This is just for the checkout part of the site. The front end works okay until you try to buy something.

This site was built in the beginning with the first AC 7.0 release and has not been updated since ... but it worked fine until now.
We have done nothing to change it and so are surprised to see that it no longer works.

We have 2 sites that would need to be fixed.

Thanks, Don

[Katie]

Please check to make sure the server has the latest updates from Microsoft. Here is a link that might help -

http://help.ablecommerce.com/upgrades/a ... _ie_11.htm

[DonAshby]

Hi We got it working with installation of Number 2 at the bottom of this page.
We do not think this is a Microsoft Update problem as we do the updates regularly and this was not fixed as part of that - a Manual change was required.

We actually went in and changed the code in the AC Snippet on 2 sites that would NOT work with the AC 7.0 Shopping Cart for IE 10 or 11 ( but they did do work for IE9 and earlier + all the FF Chrome and Safari Browsers) - we think.

We would like to ask the FORUM and AC Experts if this will fix the problem going forward with IE 12, 13, 14 etc or not. ???

We applied the fix to the code per Microsofts instructions at the bottom of this page. I am told that this was not something that is done in general MS updates ... you have to make the change for it to work. Thanks for all your help! Don
___________________________________

Issue 2
When you access an ASP.NET-based webpage by using Windows Internet Explorer 11, the webpage renders the content incorrectly.

Note This issue occurs because Internet Explorer 11 is not recognized as Internet Explorer by ASP.NET.
Issue 3
When you click an ImageButton control that is inside an update panel on an ASP.NET-based webpage by using Internet Explorer 10 or later, a partial postback operation fails. Additionally, the server-side click event is not fired.

Note If the ASP.NET browser definition file schema is customized in a web application, this update may break the customization. The following configuration switch can be used to revert to the old behavior:

<appSettings>
<add key="aspnet:UseLegacyBrowserCaps" value="true" />
</appSettings>