JavaScript - ascundere parola cu asterisk

#1
pinguinul666

Posted 19 October 2016 - 14:45

Senior Member

Grup: Senior Members
Posts: 4,710
Înscris: 06.10.2015

sal

Se da o simpla pagina HTML/CSS - ceva basic, doar statement-ul, head si body.

in body, am doar un simplu paragraf, ca umplutura.

apoi, am un snipet de Javascript - care NU l-am scris eu, ci l-am gasit dinbtr-un tutorial de pe net.
stiu sa scriu un snipet sa ceara user name si parola, si sa verifice daca sunt corect introduse (dar snipetul de mai jos face lucrurile mai dragute in sensul adaugarii unor casute).

insa eu doresc sa stiu cum fac, folosind doar java script, sa ascund caracterele de la parola, pe masura ce sunt scrise, cu * (asterisk).
adica in timp ce tastezi parola, sa apara doar *.
optional - ar fi calumea sa pot oferi si o optiune, un check mark de on/off, sa arate parola in clear-text, daca userul vrea (dar by default, ascunsa cu asteriskuri).

Quote

<div id="PassWord">
    <div class="PassWord_User">
    <p> Username: <input type="text"></p>
    </div>
    <div class="PassWord_Password">
    <p>   Password: <input id="password" name="password" type="text" value="****"></p>
    </div>
    <div class="PassWord_Button">
    <input type="submit" name="Submit"  id="Submit_passwrd" value="Submit Password"/>
    <p id='status'>Status:<Nb_var96></p>
    </div>
    </div>

Back to top

#2
A-d-r-i-a-n

Posted 19 October 2016 - 14:52

Member

Grup: Members
Posts: 849
Înscris: 26.09.2014

<div id="PassWord">
<div class="PassWord_User">
<p> Username: <input type="text"></p>
</div>
<div class="PassWord_Password">
<p> Password: <input id="password" name="password" type="password" value="****"></p>
</div>
<div class="PassWord_Button">
<input type="submit" name="Submit" id="Submit_passwrd" value="Submit Password"/>
<p id='status'>Status:<Nb_var96></p>
</div>
</div>

La parola e type=password nu text.

Edited by A-d-r-i-a-n, 19 October 2016 - 14:53.

Back to top

#3
pinguinul666

Posted 19 October 2016 - 15:24

Senior Member

Grup: Senior Members
Posts: 4,710
Înscris: 06.10.2015

Multumesc mult de tot!

am testat si asa este!

mai am o intrebare - cum fac sa imi verifice parola introdusa?

O simpla faza gen: sa definesc o variabila pt user si una pt parola (cuvinte cheie), si sa am o conditie gen if user == (cuvantul cheie) && password ==(cuvantul cheie) ...sa imi arate un text gen "Welcome" (si daca gresesc, sa imi zica "eroare).

stiu sa fac asta, dar nu cu acest artificiu simpatic cu <div> , ca mai sus!
stiu la modul simplu, doar declarare variabile si conditionala (if...then....else...).

Ar fi calumea sa stiu cum sa fac sa functioneze conditionala alaturi de artificiul cu <div> de mai sus!

Back to top

#4
A-d-r-i-a-n

Posted 19 October 2016 - 15:31

Member

Grup: Members
Posts: 849
Înscris: 26.09.2014

Cred ca trebuie sa folosesti PHP.

Ai aici niste tutoriale despre login: https://thenewboston...=11&video=17124 , daca stii engleza e perfect.

Back to top

#5
neagu_laurentiu

Posted 19 October 2016 - 15:42

Guru Member

Grup: Senior Members
Posts: 40,603
Înscris: 30.07.2003

pinguinul666, on 19 octombrie 2016 - 15:24, said:

dar nu cu acest artificiu simpatic cu <div>

Exista DOM si cotrobai prin toata pagina. Insa nu cred ca vrei sa verifici o parola asa in clar sa o vad si eu Posted Image

Back to top

#6
TorchMan

Posted 19 October 2016 - 16:15

Junior Member

Grup: Members
Posts: 226
Înscris: 21.10.2012

Informatiile sensibile nu ar trebui prelucrate in client ci in server.

Back to top

#7
maxtron_69

Posted 19 October 2016 - 18:42

Senior Member

Grup: Senior Members
Posts: 2,534
Înscris: 18.08.2010

Nu se verifica parole in front-end... renunta la ideea asta, ca e un drum gresit

Back to top

#8
MarianG

Posted 19 October 2016 - 18:56

be that as it may

Grup: Moderators
Posts: 31,440
Înscris: 10.08.2005

pinguinul666, on 19 octombrie 2016 - 15:24, said:

O simpla faza gen: sa definesc o variabila pt user si una pt parola (cuvinte cheie), si sa am o conditie gen if user == (cuvantul cheie) && password ==(cuvantul cheie) ...sa imi arate un text gen "Welcome" (si daca gresesc, sa imi zica "eroare").

stiu sa fac asta, dar nu cu acest artificiu simpatic cu <div> , ca mai sus!
stiu la modul simplu, doar declarare variabile si conditionala (if...then....else...).

Ar fi calumea sa stiu cum sa fac sa functioneze conditionala alaturi de artificiul cu <div> de mai sus!

pai welcome si eroare sunt in codul paginii sau intr-un fisier pe server ?

Edited by MarianG, 19 October 2016 - 18:57.

Back to top

Anunturi

Bun venit pe Forumul Softpedia!

JavaScript - ascundere parola cu asterisk

#1 pinguinul666 Posted 19 October 2016 - 14:45

#2 A-d-r-i-a-n Posted 19 October 2016 - 14:52

#3 pinguinul666 Posted 19 October 2016 - 15:24

#4 A-d-r-i-a-n Posted 19 October 2016 - 15:31

#5 neagu_laurentiu Posted 19 October 2016 - 15:42

#6 TorchMan Posted 19 October 2016 - 16:15

#7 maxtron_69 Posted 19 October 2016 - 18:42

#8 MarianG Posted 19 October 2016 - 18:56

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
pinguinul666

Posted 19 October 2016 - 14:45

#2
A-d-r-i-a-n

Posted 19 October 2016 - 14:52

#3
pinguinul666

Posted 19 October 2016 - 15:24

#4
A-d-r-i-a-n

Posted 19 October 2016 - 15:31

#5
neagu_laurentiu

Posted 19 October 2016 - 15:42

#6
TorchMan

Posted 19 October 2016 - 16:15

#7
maxtron_69

Posted 19 October 2016 - 18:42

#8
MarianG

Posted 19 October 2016 - 18:56