ReCaptcha 2.0: kích hoạt nút Submit trên callback nếu recaptcha thành công

Question

Tôi có một hình thức rất đơn giản như sau. Tôi muốn thực hiện để nút Gửi bị tắt và chỉ bật sau người dùng đã hoàn tất thành công ReCaptcha.

Tôi giả sử tôi sẽ cần một số Javascript/jQuery để thực hiện việc này.

Tài liệu của Google về ReCaptcha 2.0 có vẻ thực sự thưa thớt và dày đặc (với tôi, dù sao). Tôi muốn đánh giá cao một số gợi ý:

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

Answer 1

tôi đã làm điều tương tự trên trang web thử nghiệm của mình. tuy nhiên, tôi đã sử dụng nút thay vì gửi, do đó, tại đây:

bạn phải thêm thuộc tính data-callback="enableBtn" thuộc tính gọi lại dữ liệu thực thi chức năng được chỉ định sau khi hoàn thành recaptcha.

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

và thiết lập id của nút để bất cứ điều gì id bạn muốn:

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

Ở Trang tải/form load của tắt nút

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

đó trở đi javascript thực hiện một để bật nút

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

hy vọng nó sẽ giúp.