web-dev-qa-db-fra.com

ReCaptcha 2.0: activez le bouton Soumettre lors du rappel si la recaptcha a réussi

J'ai un formulaire très simple comme suit. Je veux faire en sorte que le bouton Soumettre soit désactivé et seulement activé après l'utilisateur a terminé 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 très rare et dense (pour moi, en tout cas). J'apprécierais quelques indications:

<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>
javascriptphpjquerycaptcharecaptcha
57
thanks_in_advance

j'ai fait la même chose sur mon site de test. Cependant, j'ai utilisé un bouton au lieu de soumettre, alors voici:

vous devez ajouter la propriété data-callback="enableBtn" La propriété data-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'identifiant du bouton sur l'identifiant que vous souhaitez:

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

Sur le chargement de page/formulaire de désactiver le bouton

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

puis sur javascript faire une fonction pour activer le bouton

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

j'espère que ça aide.

114
panda.o24