Recaptcha - ¿Cómo saber si el usuario escribió correctamente las palabras?

[ghidalgoram]

Saludos foreros y foreras.

Estoy terminando de hacer un formulario. Utilizo Javascript para validar cada campo y Ajax para enviar el Form. Todo aqui normal.


Se me ocurrió, usar un Recaptcha. Lo estoy usando con "AJAX API". Casi todo funciona perfecto. Estoy aprendiendo a usarlo y estoy estudiando la manera de manipularlo.

El problema.
No se como hacer para que después de que el usuario de click en el botón "Enviar" del formulario, verificar si el usuario digitó correctamente las dos palabras que aparecen en la imagen. Por ahi, leí que existe métodos como el que sirve para limpiar el "Recaptcha" como:

Código Javascript:

Recaptcha.reload
 

Pero no he encontrado algo para verificar si se escribió bien ó mal las palabras.

En mi caso, necesito saber si existe algo como esto (esto es soloo un ejemplo para transmitir la idea de lo que necesito):

Código Javascript:

var respuesta = "";// Respuesta de si ó no se digitó correctamente las palabras.
 
respuesta = Recaptcha.respuesta_correcta; // Es la función que busco ó algo similar
 
if(respuesta == 1)
{
   // Código Ajax para enviar el formulario
}
else
{
 Recaptcha.reload();
}
 

He leído que existen otros métodos como:

Código Javascript:

get_challenge()
 

y

Código Javascript:

get_response()
 

Hasta donde entiendo, son los métodos que contienen los datos de lo que digitó el usuario y las palabras que aparecen en la imagen, pero no sé si existe alguna variación ?

Agradezco su ayuda,
Saludos.

[maycolalvarez]

aunque me parece inútil saber desde js si el captcha fue bueno o no, puedes implementar una llamada via ajax en donde envíes lo digitado por el usuario más los hash que crea el recaptcha (más bien el form completo), haces la validación en el servidor (como debe ser) y que te devuelva el resultado, así de simple

[ghidalgoram]

Hola maycolalvarez Gracias por tu respuesta.

En realidad, esa es mi segunda opción, utilizando PHP pero me pareció esta primera opción (la de 'AJAX API') cómo más rápida y me imaginé que existía alguna función que retornara si fué ó no exitosa el Captcha.

Voy a implementar esta opción que me sugieres.
Gracias
saludos

[ghidalgoram]

Hola maycolalvarez y foreros.

Les agradezco si me ayudan con una duda de Ajax. De Ajax, no soy experto.

Ya realicé la comprobación mediante Ajax. Es decir, por medio de Ajax, envió las dos variables que usa el Recaptcha [Recaptcha.get_response() y Recaptcha.get_challenge() ] y ya puedo saber si el usuario digitó bien ó mal las palabras. El Recaptcha se valida en el Server y devuelve por medio de Ajax la respuesta de bien ó mal. El resultado bien ó mal lo asigno a una variable Javascript. Con esta variable que digamos que se llame resultado, es la que indica si la ejecución del Form sigue ó se detiene para se digite de nuevo las palabras del Recaptcha.

Código Javascript:

var resultado = "";
 

Te comento que antes de que se ocurriera usar Recaptcha, yo ya estaba usando Ajax para enviar los campos de Formulario y mostrar un mensaje de "Enviando Datos....".

Ahora con el Recaptcha tuve que agregar otra función de Ajax para conectar con un archivo PHP. Les voy agregar el código:

Código Javascript:

function send_form_data()
{
  // Usos 2 ajaxobj.open.
        // 1. Para averiguar el resultado del Recaptcha
        // 2. Para enviar el formulario.
 
  //resp_captcha=Recaptcha.get_challenge();
        nocache = Math.random();// Set te random number to add to URL request
 
        //1. Averiguar el resultado del Recaptcha
        var param = "recaptcha_challenge_field="+Recaptcha.get_challenge()+"&recaptcha_response_field="+Recaptcha.get_response()+"&resp_captcha="+resp_captcha;
 
        var ruta_recaptcha="recaptcha_respuesta.php";// Aqui valido el Recaptcha y me indica si la respuesta es satisfactoria ó no se escribió bien.
        var url_proc_form = ruta_recaptcha+'?nocache='+nocache;
        ajaxobj.open('POST',url_proc_form,true);
        ajaxobj.onreadystatechange=function(){
            if(ajaxobj.readyState==4)
            {
              window.respuesta=ajaxobj.responseText;
            }
        }
 
        ajaxobj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        ajaxobj.send(param);// Con POST paso variables y con GET pongo NULL
 
//Hasta aqui termina el código para saber el resultado del Recaptcha
 

Y aqui empiezo con el segundo "ajaxobj.open('POST',url_proc_form,true);" para enviar los datos en la misma funcion " send_form_data()".

Código Javascript:

// Aquí empiezo validar todo el Formulario y que esté muy bien.
//Aqui uso el segundo 'ajaxobj.open()'
 
 //Empiezo a validar cada campo del Form.
    if(document.getElementById('campo1').value == "")
    {
        //acciones, no continua la ejecución del Formulario
 }
    else
    if(document.getElementById('campo1').value == "")
    {
        //acciones, no continua la ejecución del Formulario
 }
    else
    //
    if(typeof(window.respuesta) == "undefined" || window.respuesta == 'Error, please try again.')
    {
        //acciones, no continua la ejecución del Formulario     
        Recaptcha.reload();
    }
    else
    { // Se envia el formulario, Segunda conexión de Ajax.
        var campo1 = encodeURI(document.getElementById('campo1').value); 
        var campo2 = encodeURI(document.getElementById('campo2').value);
    
        nocache = Math.random();// Set te random number to add to URL request
        // Paso var con POST
        var param = 'campo1='+campo1+'&campo2='+campo2;
        
        var url_proc_form = "contact_form.php"; //Donde se envia x correo el form
        ajaxobj.open('POST',url_proc_form,true);
        ajaxobj.onreadystatechange=procesando_datos_msje;
        ajaxobj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        ajaxobj.send(param);
    }
 
        if(error_form_field[0]!=""){// si hay error en el form, muestra msje de error
        mostrar_msje_error(error_form_field); }
        
}
 

Si utilizo dos veces este código en una misma función,.. debo cerrar las conexiones para que no se afecten los resultados entre ellos? ó existe alguna otra recomendación ?

Código Javascript:

ajaxobj.open('POST',url_proc_form,true);
        ajaxobj.onreadystatechange=procesando_datos_msje;
        ajaxobj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        ajaxobj.send(param);
 

Gracias.