Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Geison GM

Validação de form

Por , em Javascript

Recommended Posts

Geison GM    0

Geison GM
Postado

Olha só, estou precisando muito desta validação www.nerdhost.com.br, olhem no link "fale conosco", alguém poderia faze-la para mim?

Pago um valor justo pelo desenvolvimento da mesma.

Imagem Postada

 

 

Contato: geisongm@globo.com

 

Aguardo contato.

Compartilhar este post

Link para o post
Compartilhar em outros sites

aalves    0

aalves
Postado

Um exemplo rápido, sem muita formatação:

 

- estilo:

 

<style> #erro{	 background: #F0F5FA;	 border: 1px solid #C2CFDF;	 margin: 200px auto 0 auto;	 text-align: left;	 width: 500px; } </style>

- js:

 

<script language="JavaScript"> function validaForm() { conf=""; if((document.getElementById("nome").value=="") || (document.getElementById("nome").value.substring(0,1)==" ")){ conf="- NOME é um campo obrigatório!<br />"; }  if((document.getElementById("email").value=="") || (document.getElementById("email").value.substring(0,1)==" ")){ conf=conf+"\n- E-MAIL é um campo obrigatório!<br />"; }  if((document.getElementById("telefone").value=="") || (document.getElementById("telefone").value.substring(0,1)==" ")) { conf=conf+"\n- TELEFONE é um campo obrigatório!<br />"; }  if((document.getElementById("celular").value=="") || (document.getElementById("celular").value.substring(0,1)==" ")){ conf=conf+"\n- CELULAR é um campo obrigatório!"; }  if (conf!="") {  document.getElementById("erro").style.display = "block"; document.getElementById("erro").innerHTML = conf; conf=""; return false; } } </script>
- form:

 

<body> <form name="form1" method="post" action="VerificaEmail.html" onSubmit="return validaForm()"> Nome: <input type="text" name="nome" id="nome"><br />  E-mail: <input type="text" name="email" id="email"> <br /> Telefone: <input type="text" name="telefone" id="telefone"><br />  Celular: <input type="text" name="celular" id="celular"> <br /> <input type="submit" name="Submit" value="Submit"> </form> <div id="erro" style="display:none"></div> </body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

petter    0

petter
Postado

Aproveitando, achei muito bom esse exemplo, só uma coisa que estou tentando aqui e até agora nada.Como fazer o fundo (formulário) esmaecer ao abrir a div com o erro?

Compartilhar este post

Link para o post
Compartilhar em outros sites

petter    0

petter
Postado

Cara baixei os arquivos e tentei implementar um exemplo só que dá um erro no arquivo: freeDOM-0_2_9.js na linha 415 (descobri isso usando o firebug - Firefox 2.0.3).Alguém tem alguma dica?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito