Formulários | TidBits

Sep 7

Não torturem os usuários com CAPTCHA

Normalmente, todos esses sistemas de CAPTCHA são realmente chatos - principalmente porque eles costumam vir acompanhados de formulários gigantes.

Pra quem não sabe, o CAPTCHA (Completely Automated Public Turiing−test to Tell Computers and Humans Apart, ufa!), serve para evitar os temidos spans, enchendo de dados inúteis as bases de dados e formulários. No geral, são sempre umas letras horríveis e ilegíveis (e o pesadelo dos usuários).

Modelo de Captcha fora de controle

Como na maioria dos casos, eles realmente não podem ser evitados, de um tempo pra cá algumas pessoas têm buscado alternativas para os CAPTCHAS. Uma opção é o ReCAPTCHA - um sistema de pronto de CAPTCHA que pode ser utilizado para sites e blogs (incluindo Wordpress). Ao invés de letras, ele traz palavras; apesar das palavras estarem ligeiramente distorcidas, a proposta deles é interessante: os dados preenchidos pelos usuários, são aproveitados para digitalizar palavras que os programas digitalizadores não entenderam.

Modelo do ReCAPTCHA

Nesse caso, como o sistema não sabe qual é a resposta certa para aquela palavra, são utilizadas 2 palavras para o reconhecimento de usuário humano: uma associada a uma resposta correta para o sistema, e a outra para decifrar a palavra desconhecida.

Segundo o site do ReCAPTCHA, o número de CAPTCHAS preenchidos diariamente é em torno de 60 milhões, o que significa que somadas são gastas 150mil horas diárias com preenchimento de CAPTCHAS. Por isso, o uso do ReCAPTCHA seria converter essas horas em uma tarefa realmente útil: digitalizar livros. Infelizmente a iniciativa só abrange livros em inglês.

Uma outra alternativa, mais acessível é um modelo de CAPTCHA mais inteligente, onde os usuários precisam dar respostas certas para perguntas lógicas e simples, como por exemplo “Quanto é 3+2?”. A resposta é única, simples, e os robôs são incapazes de compreender o sentido semântico da questão.

Além de serem menos irritantes, esse tipo de recurso é infinitamente mais acessível, pois a pergunta é escrita em html, e pode ser lida pelos leitores de telas para cegos ou bem visualizados por pessoas de baixa visão, já que o texto pode ser ampliado.(Para Wordpress, a dica é esse plugin).

Sep 7

Plugin de Máscara de formulários para JQuery - Masked Input

Se trata de um plugin bem simples e pequeno (2.8kb) de jquery pra fazer máscaras nos inputs de um formulário, como cpf, cnpj, telefone, cep, etc…

Pra usar é bem simples, faça download dos arquivos :

JQuery 1.2.6, versão pack e
Masked Input-1.1.4, versão pack

e chame-os dentro do HEAD da sua página :

<head>
    <title> título do site </title>
    ...
    <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="js/jquery.maskedinput-1.1.4.pack.js"/></script>
</head>

Para aplicar a máscara, as regras são simples:

a - Representa qualquer letra (A-Z,a-z)
9 - Representa qualquer número (0-9)
* - Representa qualquer caractére alfanumérico (A-Z,a-z,0-9)

Veja os exemplos

<script type="text/javascript">
	jQuery(function($){
		$(document).ready(function(){
			$("#telefone").mask("9999-9999");
			$("#cpf").mask("999.999.999-99");
			$("#cep").mask("99999-999");
			$("#data").mask("99/99/9999");
		});
	});
</script>

Depois só faça o html normalmente e veja como ficou preenchendo o formulário:

telefone :

cpf :

cep :

data :

A documentação completa do plugin se encontra aqui.

TidBits

Não torturem os usuários com CAPTCHA

Plugin de Máscara de formulários para JQuery - Masked Input

RSS

Tags

Categorias

Quem?