ReCaptcha 2.0: abilitare il pulsante Invia sulla richiamata in caso di riconfezionamento riuscito

Question

Ho una forma molto semplice come segue. Voglio fare in modo che il pulsante Invia sia disabilitato e abilitato solo dopo l'utente ha completato con successo il ReCaptcha.

Suppongo che avrò bisogno di alcuni Javascript/jQuery per farlo.

La documentazione di Google su ReCaptcha 2.0 sembra davvero scarsa e densa (per me, comunque). Apprezzerei alcuni suggerimenti:

<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

ho fatto la stessa cosa sul mio sito di test. tuttavia, ho usato un pulsante invece di inviare, quindi qui:

è necessario aggiungere la proprietà data-callback="enableBtn" proprietà di callback dei dati esegue la funzione specificata dopo l'esecuzione di recaptcha.

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

e impostare l'id del pulsante a qualunque id che si desidera:

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

al caricamento della pagina/modulo di carico di disattivare il tasto

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

poi su javascript fare un funzione per abilitare il pulsante

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

spero che aiuti.