Cal incloure els camps de confirmació de la contrasenya en fer formularis en línia que demanen als usuaris que estableixin una contrasenya. El camp de la contrasenya amaga per defecte l'entrada de l'usuari pel que és necessari disposar d'algun tipus de mecanisme que permeti als usuaris confirmar que han escrit la contrasenya correcta sense fer cap errada d'ortografia. El camp de confirmació de la contrasenya demana a l'usuari que torni a comprovar la seva contrasenya si escriu malament algun caràcter i la contrasenya i els camps de confirmació de la contrasenya no coincideixen.
En aquesta publicació, el nostre objectiu és crear un formulari HTML que coincideixi amb l'entrada de l'usuari al fitxer Contrasenya i Confirma la contrassenya camps per confirmar si l'usuari ha escrit la contrasenya correcta o ha fet alguna errada.
Pas 1: Formulari HTML
El primer pas és crear un formulari HTML que prengui l'entrada de l'usuari:
< centre >
< h2 > Pista de Linux h2 >
< forma >
< pàg > Introduir la contrasenya pàg >
< entrada tipus = 'contrasenya' id = 'passar' > < br >< br >
< pàg > Confirma la contrassenya pàg >
< entrada tipus = 'contrasenya' id = 'confirmar pas' > < br >< br >
< botó tipus = 'Presentar' fent clic = 'confirmació de la contrasenya()' > Registre en botó >
forma >
centre >
Hem creat un formulari HTML senzill que té dos camps d'entrada de tipus contrasenya i un botó d'inici de sessió que crida al confirmació de la contrasenya() funció quan es fa clic.
Pas 2: validació del formulari JavaScript
Ara escriurem codi JavaScript dins del fitxer confirmació de la contrasenya() funció que valida la contrasenya:
funció confirmació de la contrasenya ( ) {
var password = document.getElementById ( 'passar' ) .valor;
var confirmPassword = document.getElementById ( 'confirmar pas' ) .valor;
si ( contrasenya == '' ) {
alerta ( 'Error: el camp de contrasenya està buit'. ) ;
} altra cosa si ( contrasenya == confirmar la contrasenya ) {
alerta ( 'Connectat' ) ;
} altra cosa {
alerta ( 'Assegureu-vos que les vostres contrasenyes coincideixen'. )
}
}
Dins del confirmació de la contrasenya() primer obtenim els valors de la contrasenya i els camps de la contrasenya de confirmació i els emmagatzemem dins de variables. A continuació, fem servir declaracions condicionals per comprovar si hi ha diferents casos.
Cas 1: el camp de la contrasenya està buit
El primer condicional comprova si el camp de contrasenya està buit. Demanem a l'usuari que introdueixi la contrasenya si el camp està buit:
Cas 2: coincideixen les contrasenyes
En cas que les contrasenyes coincideixen, l'usuari inicia sessió correctament:
Cas 3: les contrasenyes no coincideixen
Si les contrasenyes no coincideixen, demanem a l'usuari que torni a escriure les contrasenyes i assegureu-vos que coincideixen:
El codi JavaScript i HTML junts tenen un aspecte semblant a això:
< html >
< cos >
< centre >
< h2 > Pista de Linux h2 >
< forma >
< pàg > Introduir la contrasenya pàg >
< entrada tipus = 'contrasenya' id = 'passar' > < br >< br >
< pàg > Confirma la contrassenya pàg >
< entrada tipus = 'contrasenya' id = 'confirmar pas' > < br >< br >
< botó tipus = 'Presentar' fent clic = 'confirmació de la contrasenya()' > Registre en botó >
forma >
centre >
cos >
< guió >
funció confirmació de la contrasenya ( ) {
var password = document.getElementById ( 'passar' ) .valor;
var confirmPassword = document.getElementById ( 'confirmar pas' ) .valor;
si ( contrasenya == '' ) {
alerta ( 'Error: el camp de contrasenya està buit'. ) ;
} altra cosa si ( contrasenya == confirmar la contrasenya ) {
alerta ( 'Connectat' ) ;
} altra cosa {
alerta ( 'Assegureu-vos que les vostres contrasenyes coincideixen'. )
}
}
guió >
html >
Conclusió
Els humans sovint poden cometre errors, però això no els hauria d'impedir iniciar sessió als seus comptes. Fins i tot el més mínim error en introduir una contrasenya pot restringir l'accés d'un usuari al seu compte. Per tant, sempre és una bona idea comprovar la contrasenya d'un usuari per confirmar que ha introduït la correcta.