Ir para conteúdo
Fórum Script Brasil
  • 0

Validar campos de formulário dinamicamente


Bruno Adriano

Pergunta

Bom, tenho um formulário em php constando CPF, Senha, Repita a Senha.

E outro formulário com Nome e Senha.

Tenho que criar um código em Javascrip que assim que o usuário termine de digitar esses campos verifique

se o campo CPF tem 11 dígitos, se esses dígitos são só números.

Preciso mandar um alerta no mesmo momento que ele for preencher o próximo campo. E que o botão enviar só

fique disponível quando todos os campos ficarem validos.

Se alguém poder me ajudar de algum modo fico grato.

Codigo: http://codepad.org/khQRTiws

<html>
<head>
  <title>LP Mail</title>
  <link rel = "shortcut icon" href = "images/ico.gif">
  <link rel = "stylesheet" href="css/style.css">
  
  <link rel="stylesheet" type="text/css" href="estilo.css" />  
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  &lt;script type="text/javascript" src="javascript.js"></script>
  
</head>

<body>
  <div id = "geral">    
    <div id = "centro">
      <div id = "login">
        <h3 align = "center">Cadastrar um novo usuário</h3>
        <fieldset>
          <label for="nome">CPF:</label>
            <input type="text" name="nome"  maxlength="100" title="Digite um CPF valido" id="nome"/></br>                
          <label for="senha">Senha:</label>
            <input type="text" name="senha"  maxlength="100" title="Digite uma senha valida" id="senha" /></br>            
          <label for="rep_senha">Repita a senha:</label>
            <input type="text" name="rep_senha" maxlength="8" title="Digite a senha novamente" id="rep_senha"/>            
            <input id = "btn" type="submit" value="Cancelar" title="Cancelar">
            <a href="pages/home.php"><input id = "btn" type="submit" value="Entrar" title="Entrar"></a>
        </fieldset>
      </div><!-- login -->
    </div><!-- centro -->

    <div id = "centro">
      <div id = "login">
        <h3 align="center">Já é cadastrado? entre agora</h3>
        Nome</br>
         <input id = "texto" type="text" maxlength="100" ></br>
        Senha</br>
        <input id = "texto" type="password" maxlength="8"></br></br>
        <input id = "btn" type="submit" value="Cancelar" title="Cancelar">
        <a href="pages/home.php"><input id = "btn" type="submit" value="Entrar" title="Entrar"></a>
      </div><!-- login -->
    </div><!-- centro -->

    <div id = "email" class = "informativo">
      <h5 align="center"><img src="images/ico.gif" width="16" height="16" title="LPMail"/> © 2012<br />Todos os direitos reservados.</h5>
    </div><!-- email [informativo]-->
  </div><!-- geral -->
</body>
</html>

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...