Validação de Formulários [Javascript]

Validação de Formulários

Publicado por Pedro Henrique da Silva Gregório 22/07/2007

[ Hits: 6.116 ]

Download form.html

0 0

Denuncie Favoritos Indicar

Uma validação de formulário mais automática que as normais... com o código bem mais reduzido...e bem prática...

Esconder código-fonte

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <title>Validando Forms</title>
      
      <script type="text/javascript">
      // validação de formulário =>
      // par1 -> nome do form a ser pego os dados
      // obs: apenas campos text com propriedades name serão validados
      $Frm = function(par1)
      {
         for(i=0; i< document.getElementById(par1).elements.length; i++)
         {
            if( document.getElementById(par1).elements[i].value == "")
            {
               alert("Preencha o campo: "+ document.getElementById(par1).elements[i].name);
               return false;
            }
            
         }
   
      
      }
      // simples
      </script>
   </head>
   <body>
      <h3>Validando Forms</h3>
      <form name="info" id="info" onsubmit="return $Frm('info')" action="form.html" >
         <h6>Nome:</h6>
         <input type="text" name="nome" id="nome" />
         <h6>Senha:</h6>
         <input type="text" name="senha" id="senha" /><br /><br />
         <input type="submit" name="Enviar" value="Enviar" />
      </form>
   </body>
</html>

Scripts recomendados

Conta o número de caracteres digitados e informa o restante

Validador de IP em JavaScrip com Expressão Regular

Ordenação de Registros em uma Table

Formulário de Login no GOOGLE APPS - MAIL

Evento OnKeyPress - Usando o Enter

Comentários

Nenhum comentário foi encontrado.