ReCaptcha 2.0: activer le bouton Soumettre lors du rappel si recaptcha réussit

j'ai une forme très simple comme suit. Je veux faire en sorte que le bouton "Soumettre" est désactivé et activé uniquement après l'Utilisateur a complété avec succès le ReCaptcha.

je suppose que je vais avoir besoin de Javascript / jQuery pour le faire.

la documentation de Google sur ReCaptcha 2.0 semble vraiment clairsemée et dense (pour moi, en tout cas). J'apprécierais quelques conseils:

<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>
36
demandé sur Rory McCrossan 2015-05-03 22:12:28

1 réponses

j'ai fait la même chose sur mon site de test. cependant, j'ai utilisé un bouton plutôt que de soumettre, donc ici:

vous devez ajouter la propriété data-callback="enableBtn" données-la propriété callback exécute la fonction spécifiée après l'accomplissement de recaptcha.

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

et définissez l'id du bouton pour tout code que vous voulez:

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

au chargement de la Page/forme de la charge de désactiver le bouton

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

alors sur javascript créer une fonction pour activer le bouton

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

j'espère que ça aide.

87
répondu panda.o24 2016-02-24 13:03:22