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" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<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>