Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validar senha e contra-senha com html 5

08-06-2013 12:06

Esse é um exemplo que só permite que o formulário seja enviado, quando a senha e a contra-senha estejam iguais.

* Senha de 5 letras

<form action=""> senha: <input type="password" required pattern="[a-z]{5}" placeholder="5 letras" name="pwd1" onchange="form.pwd2.pattern = this.value;"> <br /> repita a senha: <input type="password" required pattern="[a-z]{5}" placeholder="5 letras" name="pwd2"></p> <input type="submit"> </form>

3
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validar senha e contra-senha com html 5

08-06-2013 13:50

Para adicionar uma mensagem personalizada de senhas que não conferem, adicione o seguinte no segundo input

 onchange="this.setCustomValidity(this.validity.patternMismatch ? 'As senhas não conferem' : '')"

2
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado