RecaptchaV2 aktivieren/deaktivieren senden

Question

Ich habe ein Formular in meinem Web, aber ich habe einige span erhalten, so dass ich Google RecaptchaV2 hinzufügen und es die Spannweite zu stoppen, aber ich möchte die Schaltfläche Abschicken deaktivieren, bis die Recaptcha überprüft und der Benutzer beweisen das ist menschlich.

Der RecaptchaV2 läuft in einem Iframe, wie kann ich ein Element oder eine Eigenschaft lesen, um das Submit zu deaktivieren?

Im Inneren des Iframe gibt es eine Spanne, die Inhalte nur einmal ändern wird überprüft: aus:

<span id="recaptcha-accessible-status">Recaptcha requires verification</span>

zu:

<span id="recaptcha-accessible-status">You are verified</span> 

So lesen, dass ich denke, könnte möglich sein, aktivieren/deaktivieren die Schaltfläche "Senden" mit Jquery, versucht mit content() zu lesen, aber kann nicht auf den iframe Inhalt, irgendwelche Ideen zugreifen?

Vielen Dank! Hier

Answer 1

ist die Antwort, das ist nur zu deaktivieren/aktivieren Sie die Taste auf Überprüfung einreichen:

Machte es mit verschiedenen Formen auf einer Seite zu arbeiten, aber nicht getestet, irgendwelche Vorschläge/Änderungen sind willkommen.

Call:

<div class="g-recaptcha" data-sitekey="KEY-HERE" data-callback="correctCaptcha"></div> 
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=en"></script> 

Die Daten-Callback = "correctCaptcha" ist das Meisterstück.

js:

$("form").each(function() { 
    $(this).find(':input[type="submit"]').prop('disabled', true); 
}); 
function correctCaptcha() { 
    $("form").each(function() { 
     $(this).find(':input[type="submit"]').prop('disabled', false); 
    }); 
}