在提交表格之前檢查是否填寫了recaptcha2

Question

如何填寫新的（ver 2）recaptcha填寫提交表格 ？

問題是這個驗證碼在iframe中，並且不允許從它讀取id。

要清除的東西 - 我不想驗證captcha，但只是檢查它是否填充之前我提交表單。

編輯：
我有引導模式中一種形式，如果我將提交給檢查驗證碼服務器端的話，我就必須重定向用戶返回到他用頁面，並再次顯示模式錯誤通知。

在我看來，這將是相當不好的用戶expereince。

Answer 1

你最好的辦法是從的ReCaptcha API使用getResponse：

grecaptcha.getResponse(opt_widget_id) 

opt_widget_id是可選的，該ID從render調用中返回，但如果缺失，它將引用第一個創建的recaptcha小部件（如果您只有一個小部件，這就足夠了）。

Docs are here for reference。

Answer 2

好吧，我 應該 可以利用回調做到這一點：

var captchaFilled = false; 
var formValidator = function(data){ 

    if(data.length>10){ 
    captchaFilled = true; 
} 
} 
    $('#form1').on('submit', function(e) { 


      if(captchaFilled===false){ 
       e.preventDefault(); 
       alert("verify yourself"); 
       return false; 
      } 
      else{ 
       alert("ok"); 
       return true; 
      } 


     }); 

    grecaptcha.render('captchadiv', { 
       'sitekey' : '************', 
       'callback' : formValidator 
    });