Café com Tecnologia

Posts Tagged ‘JQuery’

Se você está desenvolvendo uma aplicação e gostaria de aumentar a segurança em alguns pontos, pense no uso de Captcha.

A dica de hoje é sobre o Ajax Fancy Captcha: um plugin para JQuery que o ajuda a proteger seu site de spammers.

Esse plugin tem o efeito da imagem abaixo.

Captcha em Ajax com JQuery

Os passos para uso são simples:

1) Crie um DIV com o atributo class igual a “ajax-fc-container”.

2) Adicione o script

 <script type="text/javascript" charset="utf-8"> var borderColor = ""; /* border color hex or left it null if you don't want to change border color*/ var captchaDir = "/captcha" /* path to captcha files */ var url = captchaDir + "/captcha.php" /* this is name of form action */ var formId = "myForm" /* id of your form */ var items = Array("pencil", "scissors", "clock", "heart", "note");  $(function() { $(".ajax-fc-container").captcha();  });  </script> 

3) Defina a variável “captchaDir” para URL completa do seu servidor onde está o plugin do Captcha.

4) Defina a variável “formId” para o mesmo ID do seu formulário.

Acabou.

Inclusive, há uma versão para Wordpress que pode ser encontrada aqui. Para download direto do exemplo, clique aqui.

E para quem ainda não viu, aqui vai o link para ver os 10 piores Captchas do Mundo.