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.

jQuery Password Strength Meter

Plugin jQuery que mede uma senha. Medir no sentido de qualidade, força da mesma.

O script centraliza num algoritimo que define uma variável score. Essa variável recebe pontos através de algumas regras pré determinadas.

pass-strength-meter

Site: http://phiras.wordpress.com/2007/04/08/password-strength-meter-a-jquery-plugin/

Demo: http://phiras.googlepages.com/PasswordStrengthMeter.html

Licença: Creative Commons Attribution 3.0 Unported 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.

Validar formulários com Prototype

Validação de formulários com Prototype. Muito fácil de utilizar. Valida campos para diversas necessidades: somente número, digítos, e-mail, url, datas, etc.

forms

Site: http://tetlaw.id.au/view/javascript/really-easy-field-validation

Demo: http://tetlaw.id.au/upload/pages/really-easy-field-validation/

Licença: MIT License.

Formulários adaptados com imagens

Niceforms é um javascript que permite customizar formulários web.

O resultado é um formulário diferente em termos visuais, onde utilizamos imagens para substituir radio buttons, checkbox, textarea e campos texto.

niceforms

Site: http://www.emblematiq.com/projects/niceforms/

Demo: http://www.emblematiq.com/niceforms/v10/niceforms.html

Licença: Creative Commons Attribution-Share Alike 3.0 Unported License.

Formulários Formatados com CSS

Apesar de meio pesado, é uma interessante solução. Utiliza imagens para textarea, inputs, checkbox e radio.

finalproduct

Site: http://www.agavegroup.com/?p=35

Demo: http://www.agavegroup.com/agWork/prettyForms/

Licença: Não especificada.

Formulários na Horizontal

Formulários na horizontal. Nesse exemplo, utiliza-se etapas (1, 2 e 3). Semanticamente corretos com fieldsets, legends, label e estilos CSS.

Form Horizontal

Site: http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/

Demo: http://www.skyrocket.be/lab/semantic_horizontal_form.html

Licença: Não especificada.