Neste capítulo, discutiremos a validação de senha usando JavaScript. Precisamos validar uma senha sempre que um usuário cria uma conta em qualquer site ou aplicativo. Portanto, temos que verificar uma senha válida, bem como colocar a validação de confirmação da senha. Para uma senha válida, os seguintes parâmetros devem estar contidos nela para ser válida -
- Uma senha deve ser alfanumérica.
- A primeira letra da senha deve ser maiúscula.
- A senha deve conter um caractere especial (@, $,!, &, etc).
- O comprimento da senha deve ser superior a 8 caracteres.
- Um dos mais importantes é que os campos de senha não fiquem vazios.
Sempre que um usuário cria uma senha, há sempre mais um campo de confirmação de senha. Ele verifica se a senha inserida pelo usuário é a mesma dos campos de confirmação de senha. Para criar uma senha válida, os valores dos campos de senha e de confirmação de senha devem corresponder.
Primeiro, verificaremos uma senha válida e, em seguida, confirmaremos as verificações de validação de senha.
Validação de senha válida
Neste exemplo verificaremos se a senha criada pelo usuário é válida ou não e corresponde a todos os parâmetros discutidos acima. Veja o código abaixo para verificação de senha.
Copiar código
xor cpp
Verification of valid Password function verifyPassword() { var pw = document.getElementById('pswd').value; //check empty password field if(pw == '') { document.getElementById('message').innerHTML = '**Fill the password please!'; return false; } //minimum password length validation if(pw.length 15) { document.getElementById('message').innerHTML = '**Password length must not exceed 15 characters'; return false; } else { alert('Password is correct'); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Reset Teste agora Saída
Um formulário HTML aparecerá na web executando o código acima. Aqui, forneça os dados nos campos de texto e clique no botão Enviar para processar. De acordo com as validações, se os dados estiverem corretos, uma caixa de alerta aparecerá com uma mensagem: Sua senha criada com sucesso. Aqui quando você clica no OK botão, ele levará para outra saída.
Captura de tela 1
Ao clicar no OK dentro da caixa de alerta, ele passará para uma saída HTML simples, onde exibirá uma mensagem Os dados do formulário foram enviados com sucesso .
Captura de tela 2
xou c++
Resultado ao fornecer entradas erradas
Caso você tenha inserido um valor errado ou deixado algum campo obrigatório vazio, será exibido um erro à direita da caixa de entrada. Esses erros serão exibidos um por um após a verificação de validação a cada clique no Enviar botão. Veja os erros na captura de tela abaixo:
Para verificar se todas as validações estão funcionando corretamente ou não, copie o código e execute-o em seu compilador JavaScript.