|Dúvida| Min/Max caracteres em um campo de cadastro.

Fiz uma validação aqui pra você ter como exemplo o max de caracteres eu coloquei direto no HTML do input e defini com max de 8 caracteres ai você coloca a sua quantia desejada, e fiz uma funcão em JavaScript para cada campo uma pro login e outra pra senha depois que você adaptar essas duas em seu site basta você copiar e fazer a validação do restante do formulario e ambos os campos aceitam tanto numeros quanto letras e simbolos etc.. Ahh ja ia me esquecendo de informar que deixei o minimo de 4 caracteres que você também precisará editar a seu gosto.

segue o código

Código PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento sem título</title> </head> <body> <table width="200" border="0"> <tr> <th scope="col"><form id="form1" name="form1" method="post" action=""> <table width="200" border="0" align="center"> <tr> <th width="46" scope="col"> </th> <th width="138" scope="col"> </th> </tr> <tr> <td>Login</td> <td><label for="login"><div id="login_div" >aqui</div></label> <input name="login" type="text" id="login" maxlength="8"/></td> </tr> <tr> <td>Senha</td> <td><label for="senha"><div id="senha_div">aqui</div></label> <input name="senha" type="password" id="senha" maxlength="8" onclick="validalogin();" onmouseout="validasenha();"/></td> </tr> <tr> <td colspan="2"><center><input type="submit" name="button" id="button" value="Enviar" /></center></td> </tr> </table> </form></th> </tr> </table> <script type="text/javascript" language="javascript"> function validalogin() { login=document.getElementById('login').value;/*pega o login digitado no formulario*/ Tlogin=login.length;/*Conta quantos caracters deu e coloca o numero na variavel Tlogin*/ if(Tlogin < 4 & Tlogin !="")/*Se a quantidade de caracteres e menor que 4 e diferente de vazio*/ { alLogin=("<font color='Red'>login deve igual ou maior que 4 caracteres</font>");/*cria a variavel aLLogin com a messagem de erro*/ document.getElementById('login_div').innerHTML=alLogin;/*Coloca a menssagem da variavel aLLogin na div login*/ } else if(Tlogin=="")/*Se a quantidade de caracteres for vazio*/ { alLogin=("<font color='Red'>Campo login esta vazio</font>");/*cria a variavel aLLogin com a messagem de erro*/ document.getElementById('login_div').innerHTML=alLogin;/*Coloca a menssagem da variavel aLLogin na div login*/ } else/*Se não acontecer nenhum dos erros acima*/ { alLogin=("<font color='Green'>Autorizado LOGIN</font>");/*cria a variavel aLLogin com a messagem de Confirmação*/ document.getElementById('login_div').innerHTML=alLogin;/*Coloca a menssagem da variavel aLLogin na div login*/ } } //////////////////////////////////////////////////////// /////Separando as funções///////////////////////////// //////////////////////////////////////////////////////// function validasenha() { senha=document.getElementById('senha').value; Tsenha=senha.length; if(Tsenha != "" & Tsenha < 4) { alLogin=("<font color='Red'>Senha deve igual ou maior que 4 caracteres</font>"); document.getElementById('senha_div').innerHTML=alLogin; } else if(Tsenha=="") { alLogin=("<font color='Red'>Campo Senha esta vazio</font>"); document.getElementById('senha_div').innerHTML=alLogin; } else { alLogin=("<font color='Green'>Autorizado SENHA</font>"); document.getElementById('senha_div').innerHTML=alLogin; } } </script> </body> </html>

Comentei apenas a função de login pois outra é a mesma coisa.