2015-05-08 35 views
0

實際上,我有一個項目需要一個表格以boostrap模式。這種模式有一個名稱,電子郵件,味精投入和谷歌recaptcha。無法驗證模式中的reCaptcha v2

我希望當填寫需要的輸入並且未檢查驗證碼時,顯示一個錯誤模式,並且當需要的輸入和驗證碼填滿時顯示正確的消息模態。

$("#enviar").click(function() { 
      if ($("#nombre").val() && $("#mail").val() && $("#mensaje").val() && (grecaptcha.getResponse() != '') { 
       window.setTimeout(function(){ 
        return true; 
        $('#modal2').modal('show'); 
       }, 1500); 
      } else { 

       window.setTimeout(function(){ 
        return false; 
        $('#modal1').modal('show'); 
       }, 1500); 

      } 
     }); 

任何想法?

回答

0

我找到了解決辦法

 $("#enviar").click(function() { 
     var response = grecaptcha.getResponse(); 
     if ($("#nombre").val() && $("#mail").val() && $("#mensaje").val() && $("#condiciones:checked").val() && (response.length!=0)) { 
      window.setTimeout(function() { 
       $('#modal2').modal('show'); 
      }, 1500); 
     } else { 
      window.setTimeout(function() { 
       $('#modal1').modal('show'); 
      }, 1500); 
      return false; 
     } 
    }); 

當如果ID selector's具有價值或者是diferent爲0,顯示正確的彈出和發送電子郵件。當失敗顯示錯誤模式並取消電子郵件發送與「返回false」。

無論如何感謝您的幫助^^

0

您的回報是顯示模態之前。模態調用永遠不會運行。 試試這個:

function(){ 

    $('#modal2').modal('show'); 
    return true; 
} 
+0

不工作。沒有檢查確認後,表單可以發送。 ¿確定IF句子是否正確? –

+0

我只是向你展示它在代碼中不正確的地方。在你想做的事情之前,你有回報。保留你的代碼,只需改變模態調用返回的位置即可。 – Brduca