Captcha visual

suizer · 14/12/2015

Hola muy buenas,

Estoy haciendo un mini proyecto personal en el cual me ha surgido un problema. Basicamente necesito implementar en mi página un captcha visual, en el que el usuario debe por ejemplo pinchar en cierta imagen.

He visto algunos captcha como son el visual captcha y este en concreto; Serie3 - Workshops lo que pasa es que debe ser viejo y el link de la descarga ya no está operativo.

Como digo quiero algo simple pero efectivo y sobre todo que el usuario no tenga que escribir nada, que tan solo con un click sea suficiente.

Saludos,

Cicklow · 14/12/2015

Lo mas basico seria colocar el nombre del objeto array, mostrar alguno al azar y ver si le dio click al objeto ese, no tiene nada de raro...

HTML:

<div id="captcha"></div>
<script>
var objetos = ["casa","perro","gato","algo"]; //objetos
var rand = objetos[Math.floor(Math.random() * objetos.length)]; //un objeto al azar
var div = document.getElementById("captcha");
var imagen = "";

//recorremos los objetos del array
objetos.forEach(function(entry) {
 if(entry == rand)
   imagen += "<img src='"+entry+".png' onclick='irme()'>";
 else
   imagen += "<img src='"+entry+".png' onclick='error()'>";
});

div.innerHTML = "Por favor selecciona: " + rand + "<br/>" + imagen;

function irme(){
//aca selecciono el cpatcha bien
}
function error(){
alert('Error');
}
</script>

ideasgeek · 15/02/2016

Buenas,

Yo utilizaria el captcha de google ya que es sumamente poderoso y tiene bastante documentación. El enlace del mismo es el siguiente https://www.google.com/recaptcha/intro/index.html

Espero que te sea de utilidad.
Estamos a la orden.

Captcha visual

suizer

Cicklow

ideasgeek

Tópicos similares