CODEWITHSUNDEEP
formsjquerybrowsersubmit
Alex
Alex

Reputation: 1668

Browser won't prompt to save password

This is quite a common question but the solutions I found in other people posts are either related to a specific browser (mostly firefox) or incorrect usage of names (name="U12-678132-34")

My issues are with browsers other then Firefox (Firefox all ways works).

The form that I use is pretty standard HTML form but the submission of it is done with javascript (jQuery AJAX).

Firefox all ways asks to remember the password (if it is a new user) and refills the form if you land on that same page again. But when it comes to Chrome/Safari/IE8-9 then they never request to save a password if the form is submitted with javascript. (By the way I did check if the browsers dont have the - never remember passwords turned on)

My submit happens when you click on the link inside the form or if you just click the "ENTER" button on your keyboard, then it initiates the $.submit() method.

Is there a specific way that the submit needs to occur so that the browser would request to save a password like firefox does? or is there a way to at least tell a specific browser like Chrome/IE to force that type of request?

Form example:

<form class="loginform" method="post" action="">
    <div class="inputfield">
        <input name="email" type="text" class="emailaddress inputclass" value="" title="Email Address" />
    </div>      
    <div class="inputfield">
        <input name="password" type="password" class="password inputclass" title="Password" value="" />
    </div>              
    <div class="submit">
        <a href="javascript:void(0);" class="signinbutton"></a>
        <div class="checking">
            <img src="/preloaders/login-preloader.png"/>
        </div>
        <input type="submit" name="submit" value="submit" style="display:none"/>
    </div>
</form>

Upvotes: 3

Views: 5542

Answers (5)

gopi nath
gopi nath

Reputation: 81

One of the reason is that site should have a valid certificate. If it is not secured site, password save prompt will not appear after login.

Upvotes: 1

Avisek Chakraborty
Avisek Chakraborty

Reputation: 8309

As u r doing an AJAX post, then-

  1. Remove the <form> tags

  2. instead of <input type="submit", use button

  3. take the field values & AJAX post- on button click event

it might do the trick.

Upvotes: 0

Manse
Manse

Reputation: 38147

Looking at the answer accepted on here - How can I get browser to prompt to save password? - it seems that a valid action might help.

But i would suggest its down to browser behaviour and cannot be controlled by HTML and/or JavaScript. If you want to remember the values entered use a Cookie

Upvotes: 0

Senad Meškin
Senad Meškin

Reputation: 13756

attach click event to your submit button

$('#id_of_submit').click(function() {
   /your ajax logic
   return false;
});

and on link 

$('#id_of_your_link').click(function() {
   $('#id_of_submit').click();
});

this will do the trick.

Upvotes: 1

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324790

This is browser behaviour and can't really be changed. Firefox might be "smart" enough to offer to save passwords without the form actually being submitted, but that risks having buttons in the form also trigger that option even if the button does something different. So in my opinion, it's a bad thing for Firefox to do (I've had many problems with Firefox submitting forms even though it shouldn't).

If you really want the save password option to show up, use an iframe and submit to the iframe, instead of using AJAX. You could then use AJAX from the iframe to keep the old behaviour.

Upvotes: 3

Related Questions