Prevent from reactivating javascript blind effect on password fields

Question

I have this project im working on and i have two password fields when each one gains focus it use a jquery show blind effect; that displays a password strength div below the password fields. Then when it lose focus it hides the password strength div. I want the password strength to remain open when i switch between both password fields.

$('input[type=password]').focus(function() {
$('#pswd_info').show("blind", { direction: "vertical" }, 1000);
    }).blur(function() {
       $('#pswd_info').hide("blind", { direction: "vertical" }, 1000);
    });

edited:

So i have spend some time trying to figure this out but i have. Here is my solution THANKS to Robert. Here is my solution.

$('input[type=password]').focus(function() {
            $('#pswd_info').show("blind", { direction: "vertical" }, 300);
        });

 $("input[type=password]").blur(function() {
            window.setTimeout(function(){
                if($(":focus").attr("type") != "password"){
                    $('#pswd_info').hide("blind", { direction: "vertical" }, 300);
                }
            },100);
        });

thanks everyone for your help.

Then you have to remove the `hide` from the blur function. Right? — Robert Harvey, Mar 10 '13 at 21:11
If i do that it wont hide the `#pswd_info` div when the password fields lose focus. — Mike June Bug Captain, Mar 10 '13 at 21:16

score 2 · Accepted Answer · edited May 23 '17 at 12:04

2

Check document.ActiveElement and see if it's one of your two password fields. If it isn't, you can allow the .hide function to execute.

More info here: Is there a 'has focus' in JavaScript (or jQuery)?

edited May 23 '17 at 12:04

Community

1
1

answered Mar 10 '13 at 21:18

Robert Harvey

178,213
47
333
501

score 0 · Answer 2 · answered Mar 11 '13 at 02:13

0

have you tried like this ... it just a suggestion ....

$('input[type=password]').live('keyup',function() {
$('#pswd_info').show("blind", { direction: "vertical" }, 1000);
    }).blur(function() {
       $('#pswd_info').hide("blind", { direction: "vertical" }, 1000);
    });

answered Mar 11 '13 at 02:13

F25rT

114
1
10

Yeah it didn't work. Unless I'm not using it in the right places – Mike June Bug Captain Mar 12 '13 at 03:08

Prevent from reactivating javascript blind effect on password fields

2 Answers2