Web Grafismo

Quando chega o momento de validar o formulário, é difícil ter uma solução versátil que funcione em todos os formulários. Descobrir como mostrar os erros não é propriamente tarefa fácil. Cedric Dugas criou um Motor de Validação jQuery para que este problema seja resolvido.

Quando um erro precisa de ser mostrado, o script cria um div e posiciona-lo no canto direito do topo do input. Desta forma não precisa de se preocupar com a estrutura HTML do seu formulário. Os canto redondos e as sombras são realizadas com auxílio de CSS3 e funciona muito bem com browsers menos compatíveis. Contudo, não existem imagens.

Quando você submete o formulário, este irá procurar por inputs com classes selectoras predefinidas, e valida-as de acordo o seu tipo. E, também realiza em tempo real a validação quando se clica fora do input. A localização do idioma também está incluindo neste script.

O Motor de validação de formulários jQuery foi testado com sucesso em Internet Explorer 6 & 7, Firefox 3+, Safari 4 e Chrome 1+.

Requisitos: jQuery Framework
Demonstração: http://www.position-relative.net/creation/formValidator/
Licença: MIT

Efeito de Papel Dobrado & Plugin jQuery Twitter ♥ Facebook ♥ Del.icio.us

Você provavelmente já viu alguns destes tipos de publicidade onde um papel dobrado no canto da página do website mostra uma mensagem. SohTanaka criou um tutorial para este efeito: Simple Page Peel Effect with jQuery & CSS. Tudo que ele está a fazer é expandir a imagem quando o rato está sobre, depois retrai-a para [...]

Criando Formulários Bonitos Facilmente Twitter ♥ Facebook ♥ Del.icio.us

A Wufoo Form Gallery é um local onde web developers e webdesigners podem encontrar ajuda no desenvolvimento de formulários.