ReCaptcha 2.0 : recaptcha가 성공하면 콜백에서 제출 버튼 활성화

ReCaptcha 2.0 : recaptcha가 성공하면 콜백에서 제출 버튼 활성화

---

나는 다음과 같이 매우 간단한 형태를 가지고 있습니다. 제출 버튼이 비활성화 되고 사용자가 ReCaptcha를 성공적으로 완료 한 후에 만 활성화되도록 만들고 싶습니다 .

이 작업을 수행하려면 Javascript / jQuery가 필요하다고 가정합니다.

ReCaptcha 2.0에 대한 Google의 문서는 정말 드물고 조밀 해 보입니다 (어쨌든 나에게는). 몇 가지 조언을 부탁드립니다.

<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>

---

나는 내 테스트 사이트에서 같은 일을했다. 그러나 제출 대신 버튼을 사용했기 때문에 여기에 :

속성을 추가해야합니다. data-callback="enableBtn"data-callback 속성은 recaptcha 수행 후 지정된 기능을 실행합니다.

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

버튼의 ID를 원하는 ID로 설정하십시오.

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

페이지로드 / 폼로드시 버튼 비활성화

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

그런 다음 자바 스크립트에서 버튼을 활성화하는 기능을 만드십시오.

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

도움이되기를 바랍니다.

참고 URL : https://stackoverflow.com/questions/30018213/recaptcha-2-0-enable-submit-button-on-callback-if-recaptcha-successful