Validação

Front-end
#1

Boa tarde.

Estou tendo um problemão quanto a validação.

Em um formulário eu estou usando esse código para validar:

function valida(form) {  
	
    if (form["usuario.login"].value=="") {  
        alert("Preencha o login corretamente.");  
        form["usuario.login"].focus();  
        return false;  
    }

    if (form["usuario.senha"].value=="") {  
        alert("Preencha a senha corretamente.");  
        form["usuario.senha"].focus();  
        return false;  
    }
}

E ele funciona corretamente.

Porém eu me pergunto se esse tipo de validação é correto. Se existe outra melhor.

Muito obrigado!

#2

Olá JoaoMarques!!!

Existe sim cara! vc curte jQuery? conhece ou usa esse framework javascript nessa sua aplicação?
Se não conhece, da uma olhada no link:
http://jquery.com/
e aprenda um pouco por lá, vale a pena…

Se ja conhece, então vc pode usar um plugin de validação de formulários do JQuery Validation:
http://archive.plugins.jquery.com/project/validate
para usá-lo junto com o JQuery, basta baixar e adicionar o .js dele abaixo da tag script que adiciona o jquery, assim:

<script src="seu_diretorio_de_scripts/jquery.js" type="text/javascript"></script>
<script src="seu_diretorio_de_scripts/jquery.validate.js" type="text/javascript"></script>

os exemplos desse plugin estão aqui:
http://jquery.bassistance.de/validate/demo/
vai clicando nos botões Submit sem preencher nenhum campo para vc ver como são apresentadas as mensagens e depois visita os links no final da pagina, tem muito exemplo.

Para saber como ele funciona, veja o código por trás da própria pagina onde estão os exemplos…
usa as ferramentas do desenvolvedor do Chrome para ver os códigos js (aperta F12 no chrome para o painel de dev aparecer)
ou se preferir, instale o complemento Firebug para o firefox e aperta F12 para ver o código js por trás da pagina

qualquer dúvida quanto a tudo isso, posta aqui na pagina do GUJ blz?! :smiley:

#3

Nossa muito obrigado.

Eu já tinha até mexido com jQuery, porém preferi não mexer porque eu não conheço a fundo.

Minha dúvida seria como implementar o jQuery no meu projeto ?

Parece que você respondeu que seria apenas colocar o JS do jQuery no meu projeto e já era. Seria isso mesmo ???

Muito obrigado mesmo!!

#4

Olá JoaoMarques!

Sim, é só incluir o .js do jquery nas suas paginas que vc quiser usar jquery :smiley:

só isso:

dessa linha para baixo, vc pode usar o jquery porque ao carregar o .js do jquery, ele adiciona novas funcionalidades ao javascript que vc já conhece, ai vc pode usar tanto o javascript nativo quando as funcionalidades do jquery, ele é pequeno, não vai pesar na sua pagina, são só 32kbytes!

ai para adicionar os plugins do jquery, é só incluí-los abaixo da linha onde vc inclui o jquery, desse jeito:

[code]

[/code]

ai ao passar pela linha 02, o navegador passa a reconhecer o jquery e ao passar pela linha 04, o navegador passa a reconhecer o plugin de validação do jquery
super pratico né?! :smiley:

#5