HTML & Javascript: Using a customized Text Input for Password input

Question

I want to re-invent the password input in HTML.

Okay, here is the work I'd done:

http://www.symplik.com/password.html (It just a plain html code, nothing really fancy :>)

The "password" is indeed a text input, and I used the onkeyup event to rewrite the input to masking characters.

There're two problems: (1) backspace or delete cannot be detected (2) if I type very fast, some characters cannot be captured promptly.

For problem (1). it is partially solved by checking the length of text in the password field and the stored password. Not a very elegant solution anyway.

For problem (2), I'd tried to insert some time delay function in between but still fail. I'd make the field readOnly after every keyUp but it still behaves the same.

I would strongly recommend against this. It defeats any security precautions the OS might take with password fields. — Chuck
– Chuck, Commented May 22, 2009 at 21:48
Doing this just for aesthetic reasons, is not worth lowering the security. +1up for Chuck — Dmitri Farkov
– Dmitri Farkov, Commented May 25, 2009 at 14:18

Kriem · Accepted Answer · 2009-05-25 14:15:41Z

7

Why not use

<input type='password'>

It masks the input for you. No need for javascript.

edited May 25, 2009 at 14:15

answered May 22, 2009 at 21:48

Kriem

8,71317 gold badges76 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML & Javascript: Using a customized Text Input for Password input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related