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: 16% [?]
