Fancy Input
Categorias

8 Plugins de jQuery para Incrementar Seu Formulário

Formulários são certamente uma parte muito importante de um website. Eles precisam ser intuitivos, amigáveis e interessantes.

Pensando nisso, reunimos 8 plugins de jQuery que irão incrementar o seu formulário. Na seleção, temos plugins que tornam caixas de seleção mais amigáveis, gerenciadores de arquivos e muito mais.

Todos os plugins são bastante úteis, cada um a sua maneira e, obviamente, não precisam ser todos usados ao mesmo tempo no seu projeto. Mas, com certeza, pelo menos um deles pode melhorar e muito o seu formulário:

1) iCheck

Customize checkboxes e botões de rádio com o poder do iCheck. Cansado daquele visual medonho e tradicional dos botões de rádio e checkboxes? Agora é possível oferecer um visual elegante e consistente em diferentes sistemas operacionais retendo a mesma funcionalidade.

iCheck

O plugin vem com 31 opções de customização e 6 skins pré-configuradas, mas você pode aplicar qualquer HTML e CSS para gerar o layout dos seus controles.

Download | Demo

2) jQuery File Upload

Este plugin para jQuery transforma o simples Envio de Arquivos de um formulário em algo mais poderoso. Ele permite seleção múltipla de arquivos, arrastar-e-soltar, gera barras de progresso, habilita validação e prévia de imagens.

jQuery File Upload

Ainda não está bom? Que tal suporte a interação entre domínios diferentes, resumo de envio e redimensionamento de imagem cliente-side?

Download | Demo

3) jQuery Knob

Este plugin para jQuery consegue adicionar um novo tipo de controle para seu formulário: um círculo customizável, como se fosse um seletor que gira e marca uma graduação.

Knob

A quantidade de opções é imensa e seu uso só será limitado por sua imaginação.

Download | Demo

4) pickadate.js

Temos aqui dois plugins em um: o primeiro abre uma janela modal onde é possível escolher uma data dentro de um calendário e o segundo abre um modal com uma lista de horários para escolher.

pickadate

Para quem não aguenta mais ter que validar datas fornecidas por usuários, nada mais preciso e elegante do que deixá-lo escolher dentro de uma faixa específica. Seus resultados serão sempre válidos!

5) Fancy Input

Este plugin de jQuery adiciona impressionantes efeitos de digitação enquanto o usuário preenche um campo de input ou textarea no formulário.

Fancy Input

Os efeitos são obtidos com CSS3 e sua implementação é muito fácil!

Download | Demo

6) typeahead.js

O recurso de auto-completar reinventou a roda no preenchimento de formulários, principalmente nas caixas de busca. Mas, geralmente, sua implantação é complicada e sua performance é sofrível. Não com este plugin de jQuery.

typeahead

Typehead deixa fácil e compreensível a tarefa de criar um sistema de auto-completar para seu campo input.

Download | Demo

7) Chosen

Chosen é um plugin de jQuery que transforma aquela caixa de seleção longa e feia em uma caixa de seleção longa e elegante. A usabilidade também lucra com a facilidade de visualizar as opções.

Chosen

O plugin tem muitas customizações e suporte a múltiplas seleções.

Download | Demo

8) Complexify

Complexify tem como objetivo reforçar a segurança da senha criada pelo usuário. Com este plugin para jQuery você pode calcular a complexidade do que foi digitado em tempo real e exibir uma barra que mede a força da senha.

Complexify

Com este plugin também é possível estabelecer um limite mínimo de complexidade da senha para o formulário ser enviado. Lembrando que esta solução roda no cliente e não deve ser a única segurança disponível.

Download | Demo