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


Moderador: web

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

Mudar imagem de acordo com o preencher do formulário

20-07-2014 09:58

Nesse post vou mostrar como usar o jQuery para ir mudando uma imagem de acordo com o campo input que está sendo preenchido no formulário.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('.capt').keyup(function() {   $(this).attr('id')=='n' ? $('#img').attr('src','nome.gif') : ''; $(this).attr('id')=='e' ? $('#img').attr('src','e-mail.gif') : ''; $(this).attr('id')=='i' ? $('#img').attr('src','idade.gif') : '';   });   }); </script>


<img src="" id="img" alt="img">   <form> nome <input type="text" name="" class="capt" id="n" value="" required="required"> <br /> e-mail <input type="email" name="" class="capt" id="e" value="" required="required"> <br /> idade <input type="text" name="" class="capt" id="i" value="" required="required"> <br /> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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