jzp74 jzp74 - 11 days ago 6
HTML Question

why doesn't chrome recognize this login form?

I'm using the following login form in my web app. It works fine in IE7, FF3.6 and Chrome7.0. Except for the fact that Chrome does not seem to recognize this form as a login form and therefore does not offer me to save the username/password. Both FF and IE do offer me to remember the username/password.

Here's the form:

<form name="login_form" id="login_form" action="" method="POST" onsubmit="javascript:handleFunction('action_login', document.getElementById('user_name_id').value, document.getElementById('password_id').value); return false;">
<div class="login_line">name<input name="user_name" id="user_name_id" size="16" maxlength="16" value= "" type="text"></div>
<div class="login_line">password<input name="password" id="password_id" size="16" maxlength="16" type="password"></div>
<div class="login_line"><input type=submit class="icon icon_accept" value="login"></div>
</form> <!-- login_form -->


EDIT: I use jquery (not consistently as you can see), qTip (to show any login errors) and Xajax (as ajax framework). The handleFunction is as follows:

function handleFunction (functionName)
{
// remove any static qtip from screen
if ( $('#qtip_close_button').length )
{
// click on close button of qtip
$('#qtip_close_button').click();
}

// remove the first argument from the arguments list
var argArray = $.makeArray(arguments).slice(1);

xajax.request({ xjxfun : functionName }, { parameters : argArray });
}


Thanks for any advise!

By the way: I checked if my host is in the saved password exceptions list of Chrome. It is not.

Answer

I believe it is because the form is not actually being "submitted". If you check the onsubmit attribute, you can see that it returns false at the end, which cancels the submission.