克-reCAPTCHA的響應與AJAX

我有一個接觸形式發送它與一個Ajax請求的PHP腳本的信息。現在我喜歡實施谷歌的「我不是機器人」recaptcha。克-reCAPTCHA的響應與AJAX

的問題是，我不知道如何運送G-reCAPTCHA的響應與阿賈克斯。我怎麼能證明它，結果發送到send_contactrequest_process.php？

<div class="kontakt-container"> 
 
    <form class="kontakt-form" id="kontakt-form" method="post"> 
 
    <input type="text" name="firstname" id="contact-form-firstname" placeholder="Vorname (erforderlich)" class="kontakt-form-input" minlength="2" required="required" data-msg="Du musst dieses Feld ausfüllen"> 
 
    <input type="text" name="lastname" id="contact-form-lastname" placeholder="Nachname (erforderlich)" class="kontakt-form-input" minlength="2" required="required" data-msg="Du musst dieses Feld ausfüllen"> 
 
    <input type="tel" name="telephone" id="contact-form-telephone" placeholder="Telefonnummer" class="kontakt-form-input"> 
 
    <input type="email" name="email" id="contact-form-email" placeholder="E-Mail (erforderlich)" class="kontakt-form-input" minlength="10" required="required" data-msg="Diese Email-Adresse ist ungültig"> 
 
    <textarea class="kontakt-form-message" id="contact-form-message" required="required" data-msg="Was möchtest du uns mitteilen?"></textarea> 
 
    <div class="g-recaptcha" data-sitekey="MY KEY"></div> 
 
    <div class="kontakt-form-submit" id="kontakt-form-submit">senden</div> 
 
    </form> 
 
    <p class="kontakt-form-success-message">Vielen Dank für Deine Nachricht.</p> 
 
</div>

if($("#kontakt-form").valid()){ 

     var firstname = $('#contact-form-firstname').val(); //Validierung der Form-Daten 
     var lastname = $('#contact-form-lastname').val(); 
     var email = $('#contact-form-email').val(); 
     var telephone = $('#contact-form-telephone').val(); 
     var message = $('#contact-form-message').val(); 

     $.ajax({ //AJAX request 
      type: "POST", 
      url: "../../../include/process/send_contactrequest_process.php", 
      data: {firstname: firstname, lastname: lastname, email:email, telephone:telephone, message:message}, 
      success: function() { 
       $('.kontakt-form-success-message').css("display","inline"); 
      }, 
     }); 
    }

來源

2015-08-29 tupic92

驗證碼驗證是形式提交不同。

參見如何嵌入驗證碼，並校驗用戶和網站this post。

驗證後是successfiul你可能會提交表單。請參閱this example並附上自動提示。但是，如果你喜歡的Ajax表單submition你可能巢siteverify AJAX調用這樣以後你的提交：

var onReturnCallback = function(response) { 
var url='proxy.php?url=' + 'https://www.google.com/recaptcha/api/siteverify'; 
$.ajax({ 'url' : url, // site verification ajax request 
    dataType: 'json', 
    data: { response: response}, 
    success: function(data ) { 
     var res = data.success.toString(); 
     if (res) 
     { 
      var firstname = $('#contact-form-firstname').val(); 
      .... 
      $.ajax({ //AJAX request of form submission 
       type: "POST", 
       url: "../include/process/send_contactrequest_process.php", 
       data: {firstname: firstname...}, 
       success: function() { 
        $('.kontakt-form-success-message').css("display","inline"); 
       }, 
      }); 

     } 
    } // end success 
    }); // end $.ajax 

}; // end onReturnCallback

來源

2015-09-17 10:26:19

它只是調用這個函數grecaptcha.getResponse(); 這樣的：

if($("#kontakt-form").valid()){ 

    var firstname = $('#contact-form-firstname').val(); //Validierung der Form-Daten 
    var lastname = $('#contact-form-lastname').val(); 
    var email = $('#contact-form-email').val(); 
    var telephone = $('#contact-form-telephone').val(); 
    var message = $('#contact-form-message').val(); 

    $.ajax({ //AJAX request 
     type: "POST", 
     url: "../../../include/process/send_contactrequest_process.php", 
     data: { 
      firstname: firstname, 
      lastname: lastname, 
      email:email, 
      telephone:telephone, 
      message:message, 
      recaptcha:grecaptcha.getResponse() 
     }, 
     success: function() { 
      $('.kontakt-form-success-message').css("display","inline"); 
     }, 
    }); 
}

來源

2016-01-22 15:03:44

克-reCAPTCHA的響應與AJAX

回答

相關問題