javascript - español - ReCaptcha 2.0: habilite el botón Enviar en la devolución de llamada si recaptcha es exitoso

recaptcha site key

Question

Tengo una forma muy simple de la siguiente manera. Quiero hacerlo para que el botón Enviar esté deshabilitado, y solo habilitado después de que el usuario haya completado con éxito la ReCaptcha.

Supongo que voy a necesitar Javascript / jQuery para hacer esto.

La documentación de Google sobre ReCaptcha 2.0 parece realmente escasa y densa (para mí, de todos modos). Agradecería algunos consejos:

<form action="something.php" method="post">
    Name: <input type="text" size="40" name="name"><br><br>
    <div class="g-recaptcha" data-sitekey="############-#####"></div>
    <input type="submit" value="Submit" >
</form>

Answer 1

Hice lo mismo en mi sitio de prueba. Sin embargo, utilicé un botón en lugar de enviar, así que aquí:

debe agregar la propiedad data-callback="enableBtn" la propiedad data-callback ejecuta la función especificada después de realizar recaptcha.

<div class="g-recaptcha" data-sitekey="############-#####" data-callback="enableBtn"></div>

y establezca la identificación del botón en la identificación que desee:

<input type="button" value="Submit" id="button1">

En la carga de página / carga de formulario de deshabilitar el botón

 document.getElementById("button1").disabled = true;

luego en javascript haga una función para habilitar el botón

 function enableBtn(){
    document.getElementById("button1").disabled = false;
   }

Espero eso ayude.