Já vi e pesquisei por diversas soluções de como validar formulários via javascript na internet, mas nunca encontrei uma que atendesse a todos as minhas necessidades e não fosse muito fora dos standards.

Hoje lendo meus feeds no bloglines.com, vi o artigo publicado no List Apart, que fala justamente sobre isso. As formas que são apresentadas ficaram muito agráveis na minha opinião.

Uma das soluções é adicionar ao class do elemento à ser validado tags que indicam o que deve ser validado. Ex:

<input class="required inputs" type="text">

E validar da seguinte forma

if ( x[i].className.indexOf('required') != -1 && !x[i].value ) //alerta usuário

A solução funciona legal, mas como o autor comenta, tipicamente o
atributo class é usado somente para elementos de apresentação.

Logo abaixo, é mostrado uma solução utilizando custom atributtes, ex:

<input required="true" type="text">

O exemplo não valida no w3 tipicamente, mas é mostrada uma solução um tanto quanto legal. Criar um custom DTD, que inclui as propriedades criadas por você. E praticamente todos browsers suportam o método getAttribute(), que permite que estas propriedades sejam capturadas.

Com estas dicas, fica possível criar um framework’zinho javascript para validar qualquer tipo de dados e adicionar muitas funcionalidades aos formulários.

Aguardem mais dicas toscas nos próximos episódios…

Popularity: 8% [?]