Correspondência de senha usando JavaScript

Confirmar campos de senha são necessários para incluir ao fazer formulários on -line que pedem aos usuários que defina uma senha. O campo de senha esconde a entrada do usuário por padrão, tornando necessário ter algum tipo de mecanismo que permita aos usuários confirmar que escreveram a senha certa sem fazer erros de digitação. O campo Confirmar senha leva ao usuário a verificar sua senha se eles confundirem algum caractere e a senha e confirmar campos de senha não correspondem.

Neste post, nosso objetivo é fazer uma forma html que corresponda à entrada do usuário no Senha e Confirme sua senha campos para confirmar se o usuário digitou a senha certa ou fez erros de digitação.

Etapa 1: formulário HTML

O primeiro passo é criar um formulário HTML que leva a entrada do usuário:

Linux Dica

Digite a senha

Confirme sua senha

Conecte-se

Criamos um formulário HTML simples que possui dois campos de entrada da senha do tipo e um botão de login que chama o ConfirmaÇão Da Senha() função quando é clicado.

Etapa 2: Validação do formulário JavaScript

Agora vamos escrever código JavaScript dentro do ConfirmaÇão Da Senha() função que valida a senha:

function wastwnsconfirmation ()
var senha = documento.getElementById ("passa").valor;
var confirmpassword = documento.getElementById ("confirmpass").valor;
if (senha == "")
Alert ("Erro: o campo de senha está vazio.");
else if (senha == confirmpassword)
alerta ("logado");
outro
alerta ("Certifique -se de que suas senhas correspondam.")

Dentro de ConfirmaÇão Da Senha() função, primeiro obtemos os valores da senha e confirmamos campos de senha e os armazenamos dentro de variáveis. Em seguida, usamos declarações condicionais para verificar se há diferentes casos.

Caso 1: o campo de senha está vazio

O primeiro condicional verifica se o campo de senha está vazio. Avançamos o usuário a digitar a senha se o campo estiver vazio:

Caso 2: correspondências de senhas

Caso as senhas correspondam ao usuário, efetua login com sucesso:

Caso 3: As senhas não correspondem

Se as senhas não corresponderem, solicitamos ao usuário que retrucione as senhas e verifique se elas correspondem:

O código JavaScript e HTML juntos se parecem com o seguinte:

Linux Dica

Digite a senha

Confirme sua senha

Conecte-se

Conclusão

Os seres humanos geralmente podem cometer erros, mas isso não deve impedi -los de entrar em suas contas. Mesmo o menor erro de inserir uma senha pode restringir o acesso de um usuário à sua conta. Portanto, é sempre uma boa ideia verificar a senha de um usuário para confirmar que eles inseriram o certo.