Question

URL is here: http://prorankstudios.com/sandbox/wtf/

Using IE9, with focus on the User or Pass field, hit the ENTER key…

Notice that this whole page reloads.

What’s happening is that the click handler for the #live_site_link (assigned on line 30 of common.js) is running when no click has happened on #live_site_link at all…

Login Submit code:

    Login.Submit = function(e)
{
    Login.feedback.empty();
    if (Login.user.val() == '')
    {
        Camo.ErrorAlert('Invalid username.',Login.feedback);
        Login.user.focus().select();
        return false;
    }
    if (Login.pass.val() == '')
    {
        Camo.ErrorAlert('Invalid password.',Login.feedback);
        Login.pass.focus().select();
        return false;
    }

    Camo.AJAXStart('Logging in...');
    postData =
    {
        user:Login.user.val(),
        pass:Login.pass.val()
    }

    Camo.AJAXPost('index/login/',Login.Success,Login.Failure,postData);
    return false;
}

live_site_link click handler:

    $('#live_site_link').click(function()
{
    window.location.href = './';
});

In fact, the handlers for the login form (both a keyup and a click on Go button assigned in login.js lines 22 and 24 respectively) sometimes run AFTER the page has reloaded, strangely enough.

In IE7/compatibility mode, the keyup and click handlers for login_submit properly work and the page does not reload. This is also the case in all other browsers I tested.

What is IE9 doing?

Answer 1

The only “fix” for this I could figure out short of changing the live site link button to a regular anchor tag was actually to enclose the login fields and button inside form tags.

Apparently without those enclosing form tags, IE9 is using the live_site_link button instead of the GO button to submit the form on a natural enter key press before the keyup handlers on the inputs and the click handler on the Go button of the login form ever get a chance to trigger, which causes the page to reload (as that’s what the click handler for live_site_link does).

Now I have to handle logins without AJAX…