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


Moderador: web

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

Função para verificar campos diferentes JS e jQuery

17-10-2011 22:51

Esse script que vou postar é uma função para verificar se dois campos tem o mesmo valor, por exemplo, em um formulário o usuário digita um email, e em outro campo repete o email, para confirma. Essa função faz essa verificação, e retorna uma mensagem de acordo com os dados.

<script> function verifica(id, campo, v1, v2) { if(v1!=v2) { document.getElementById(id).innerHTML='Os campos de '+campo+' não podem ser diferente'; } else { document.getElementById(id).innerHTML='Ok'; } } </script> <form> email <input type="text" name="email" id="email" value=""> <br /> redigite o email <input type="text" name="email2" id="email2" value="" onblur="verifica('E','email',email.value,email2.value)"> <span id="E"></span> <br /> senha <input type="password" name="senha" id="senha" value=""> <br /> redigite a senha <input type="text" name="senha2" id="senha2" value="" onblur="verifica('S','senha',senha.value,senha2.value)"> <span id="S"></span> </form>

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

Função para verificar campos diferentes JS e jQuery

17-10-2011 23:02

Abaixo a versão do mesmo script só que usando jQuery

<script src="jquery.js"></script> <script> $(document).ready(function() { $('#email2').blur(function() { $('#email').val()!=$('#email2').val() ? $('#E').html('Os emails estão diferentes') : $('#E').html('Ok'); }); $('#senha2').blur(function() { $('#senha').val()!=$('#senha2').val() ? $('#S').html('As senhas estão diferentes') : $('#S').html('Ok'); }); }); </script> <form> email <input type="text" name="email" id="email" value=""> <br /> redigite o email <input type="text" name="email2" id="email2" value=""> <span id="E"></span> <br /> senha <input type="password" name="senha" id="senha" value=""> <br /> redigite a senha <input type="password" name="senha2" id="senha2" value=""> <span id="S"></span>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Google [Bot]