Posts da categoria Formulários

Medir senha com Ajax

Script para medir a força da senha com Ajax e jQuery. Fácil de usar e configurar.

ajax-meter

Site: http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Demo: http://simplythebest.net/scripts/ajax/ajax_password_strength.html

Licença: MIT License.

Substituir Checkbox por Imagem

FancyForm faz a substituição de checkbox por imagens. A técnica é conhecida como checkbox replacement. Apenas como citação, no caso de textos chamam de image replacement ou text replacement.

Esse script propicia formulários um pouco diferentes, mais requintados em termos de design. Fácil de configurar e usar.

fancy-form

Site: http://lipidity.com/fancy-form/

Demo: http://lipidity.com/fancy-form/demo/

Licença: Free.

Modelo de Formulário de Login

Excelente script que mostra como fazer um belo formulário para login. Técnica que permite inclusive colocar ícones dentro do campo texto.

form-login

Site: http://www.roscripts.com/Tableless_forms-112.html

Demo: http://www.roscripts.com/uploads/CSS_forms/forms.html

Licença: Não especificada.

Validação de Formulários

livevalidation é uma biblioteca javascript para validação de formulários a nível de cliente. Rápida, fácil e poderosa ferramenta.

Alguns chamam essa funcionalidade de validação “em tempo real”.

live-validation

Site: http://www.livevalidation.com/

Demo: http://www.livevalidation.com/examples

Licença: MIT License.

Formulários com CSS

Uni-Form implementa excelentes formulários no seu site. Bem estruturados, customizáveis e semanticamente corretos.

uni-form

Site: http://www.sprawsm.com/uni-form/

Demo: http://www.sprawsm.com/uni-form/

Licença: Creative Commons License.

Mensagens com Ajax e Banco de dados

Com esse script você inclui mensagens, através de um formulário, e essas mensagens são gravadas num banco de dados.

As mensagens aparecem logo abaixo do formulário, onde é possível com um duplo clique editar elas.

ajax-messages

Site: http://marcgrabanski.com/pages/code/ajax-messages

Demo: http://marcgrabanski.com/pages/code/ajax-messages

Licença: Não especificada.

Auto completar estilo Facebook

Excelente script de autocompletar, no estilo so site Facebook.

Script original (devthought, utiliza mootools ou jQuery):

picture-1

Mootools

Site: http://devthought.com/projects/mootools/textboxlist/

Demo: http://devthought.com/wp-content/projects/mootools/textboxlist/Demo/

jQuery

Site: http://devthought.com/projects/jquery/textboxlist/

Demo: http://devthought.com/wp-content/projects/jquery/textboxlist/Demo/

Licença: Free para uso não comercial e U$ 20,00 por domínio para uso comercial.

Script modificado (emposha, utiliza jQuery):

emposha-auto-complete

Site: http://www.emposha.com/javascript/fcbkcomplete.html

Demo: http://www.emposha.com/demo/fcbkcomplete_2/

Licença: Não especificada.

Caixa CSS modal box - akModal

Script que gera uma caixa modal, uma boa alternativa para thickbox. Utiliza jQuery.

akmodal1208233754223

Site: http://amiworks.co.in/talk/akmodal-simplest-alternative-to-thickbox/

Demo: http://thesoko.com/thesoko/ (clique em sign in)

Licença: Não especificada.

No Gray Timer Picker

Script que possui uma interface com drag and drop, onde você pode definir as horas / minutos diretamente na imagem do “relógio”. Pode-se customizar para o formato de 12 ou 24 horas.

gray-timer-picker

Site: http://www.nogray.com/time_picker.php

Demo: http://www.nogray.com/time_picker.php

Licença: Free para usar & Comercial.

Auto completar em Ajax

Script de auto completar, não depende de nenhuma linguagem dinâmica. Leve (14kb) e elegante.

autocomplete_ava1

Site: http://createwebapp.com/

Demo: http://createwebapp.com/demo.php

Licença: Comercial.