QapTcha

Name: QapTcha
Brand: Jose Aguilar
SKU: joseaguilarblog-6125
Availability: InStock
Rating: 5 (5 reviews)

QapTcha es un sistema Captcha fácil de usar, simple e intuitivo de jQuery UI.

Se necesita la acción del hombre en lugar de leer un texto difícil y es un plugin de jQuery muy ligero.

Funciona correctamente con el iPhone y el iPad.

Para incluirlo en tus formularios deberás añadir en la cabecera o <head> de la página la librería jQuery, la customización jQuery UI, jQuery Touch para los dispositivos móviles y el plugin jQuery QapTcha, además de su llamada y los estilos necesarios.

<link rel="stylesheet" href="jquery/QapTcha.jquery.css" type="text/css" />
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.touch.js"></script>
<script type="text/javascript" src="jquery/QapTcha.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){  
    $('.QapTcha').QapTcha({
      autoSubmit : true,
      autoRevert : true
    });
  });
</script>

Luego en tu formulario, en el lugar deseado añades el contenedor.

<div class="QapTcha"></div>

Obteniendo como resultado:

qaptcha

El único inconveniente que le veo es que necesita incluir demasiados archivos para realizar la funcionalidad.

Al plugin le puedes dar distintas opciones. En el ejemplo en funcionamiento, indicamos que queremos tener el botón de envío del formulario deshabilitado hasta que se arrastre la flecha hacia la derecha. Una vez arrastrada, solo lo puede hacer un humano, el botón se habilita.

Ver ejemplo en funcionamiento

Ver más documentación

Descargar