Diego Plentz

01 Feb, 2005

Markup e validações de formulário

Posted by: Diego Plentz In: geek| javascript

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

No Responses to "Markup e validações de formulário"

Comment Form


  • Rodrigo Amaral Rosa: Olá Diego, como disse antes funcionou tudo certo no tutorial. Mas eu quis seguir um pouco mais além, configurando virtualhost no apache para o meu d
  • éricoulisses: absurdo: não consegui passar de 50kbps com o pacote de 500kbps, se cheguei a 50 foi um milagre, só fiz download de uma música e pronto, kkkkkk,
  • Tony Amorim: Ótimo Tutorial, parabéns.... Estou com problemas com pool de conexão no tomcat, não está funcionando. Funciona com o tomcat sózinho. Tony

Flickr PhotoStream

  • IMG_3498
  • IMG_3458
  • IMG_3450
  • IMG_3473
  • IMG_3469
  • IMG_3464
  • IMG_3444
  • IMG_3402

About

This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from.