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


Moderador: web

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

Verificação de campos em movimento

10-07-2007 12:49

Esse é um script de validação de campos em JavaScript, onde quando o campo estiver vazio movimento o input.

<script> function verifica() { nome = document.form.nome.value; email = document.form.email.value; // se campo nome estiver vazio, faz o movimento if(nome=="") { // ('valor','id do objeto') setTimeout("movimento('20','nome')", 100) setTimeout("movimento('40','nome')", 200) setTimeout("movimento('60','nome')", 300) setTimeout("movimento('40','nome')", 400) setTimeout("movimento('20','nome')", 500) setTimeout("movimento('0','nome')", 600) setTimeout("movimento('20','nome')", 700) setTimeout("movimento('40','nome')", 800) setTimeout("movimento('60','nome')", 900) setTimeout("movimento('40','nome')", 1000) setTimeout("movimento('20','nome')", 1100) setTimeout("movimento('0','nome')", 1200) // ('id do objeto') document.getElementById('nome').style.border='1px solid red'; return false; } else { document.getElementById('nome').style.border='1px solid #cccccc'; } if(email=="" || email.indexOf("@")==-1 || email.indexOf(".")==-1) { alert('prencha o campo com um e-mail válido') // ('valor','id do objeto') setTimeout("movimento('20','email')", 100) setTimeout("movimento('40','email')", 200) setTimeout("movimento('60','email')", 300) setTimeout("movimento('40','email')", 400) setTimeout("movimento('20','email')", 500) setTimeout("movimento('0','email')", 600) setTimeout("movimento('20','email')", 700) setTimeout("movimento('40','email')", 800) setTimeout("movimento('60','email')", 900) setTimeout("movimento('40','email')", 1000) setTimeout("movimento('20','email')", 1100) setTimeout("movimento('0','email')", 1200) // ('id do objeto') document.getElementById('email').style.border='1px solid red'; return false; } else { document.getElementById('email').style.border='1px solid #cccccc'; } } // fim da função verifica // função para movimento function movimento(dist,objeto) { document.getElementById(objeto).style.left=''+ dist +'px'; } </script> <form name="form" method="GET" action="teste2.html" onsubmit="return verifica()"> nome: <input type="text" id="nome" name="nome" value="" style="position:relative;left:0px;top:0px;"> <br> e-mail: <input type="text" id="email" name="email" value="" style="position:relative;left:0px;top:0px;"> <br> <input type="submit" value="envia"> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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