Jump to content
Fórum Script Brasil
  • 0

Validar campos de formulário dinamicamente


Bruno Adriano

Question

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 to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...