programing

ReCaptcha 2.0: 탈환에 성공한 경우 콜백 시 Submit 버튼을 활성화합니다.

luckcodes 2022. 10. 29. 15:00

ReCaptcha 2.0: 탈환에 성공한 경우 콜백 시 Submit 버튼을 활성화합니다.

저는 다음과 같이 매우 간단한 양식을 가지고 있습니다.Submit(제출) 버튼이 비활성화되고 사용자가 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 속성은 retcha 실행 후 지정된 기능을 수행합니다.

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

버튼 ID를 원하는 ID로 설정하고 비활성화 시 설정합니다.

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

그런 다음 javascript에서 버튼을 활성화하는 기능을 만듭니다.

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

도움이 됐으면 좋겠네요

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