Tengo un formulario muy simple de la siguiente manera. Quiero hacer que el botón Enviar esté deshabilitado y solo habilitado después de que el usuario haya completado con éxito el ReCaptcha.
Supongo que voy a necesitar algo de 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 algunas indicaciones:
<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>
Hice lo mismo en mi sitio de prueba. sin embargo, usé 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 la realización de 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 y configúrela como deshabilitada:
<input type="button" value="Submit" id="button1" disabled="disabled">
luego en javascript crea una función para habilitar el botón
function enableBtn(){ document.getElementById("button1").disabled = false; }
Espero eso ayude.