Отображение reCAPTCHA с JavaScript и проверка с использованием PHP
У меня есть сайт, который использует SSI для верхних и нижних колонтитулов страницы.
Я создал запрос AJAX, который отправил все данные формы в сценарий на сервере, который проверял бы форму и reCAPTCHA все в одном.
Я столкнулся с одной маленькой проблемой, хотя. Я был вынужден использовать обычный HTML для отображения reCAPTCHA из-за того, что все расширения файлов являются shtml.
Плагин проверки PHP бросает вызов и сообщает мне "invalid-request-cookie".
Я проверил и дважды проверил все ключи, и единственное, что я могу придумать, это то, что запросу не нравится тот факт, что я использую HTML для отображения reCAPTCHA и плагин PHP для его проверки.
Я исследовал принуждение моего сервера к синтаксическому анализу PHP в shtml-файлах, чтобы я мог отображать reCAPTCHA с PHP, но из-за того, что сервер представляет собой GoDaddy IIS7, это кажется невозможным.
У меня вопрос двоякий:
Что я подозреваю, действительно моя проблема?
Если так, есть ли способ обойти это?
Вот мой HTML/JavaScript:
<div id="recaptcha-widget">
<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=public_key_WAS_inserted_here">
</script>
<noscript>
<iframe src="http://www.google.com/recaptcha/api/noscript?k=public_key_WAS_inserted_here"
height="300" width="500" frameborder="0"></iframe><br>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge">
</noscript>
</div>
<p style="padding: 0 45%">
<input type="submit" value="Submit" id="submit-button">
</p>
А вот и запрос JavaScript AJAX к моему сценарию проверки PHP.
var dataToSend = $('form #contactForm').serialize();
if($('#contactForm #response').hasClass('error') === false){
jQuery.ajax({
type: 'POST',
url: '../contact.php',
data: dataToSend,
cache: false,
beforeSend: function(){
$('#contactForm #response').show().removeClass().addClass('sending response').html("Sending email. Please wait...");
},
error: function(){
$('#contactForm #response').show().removeClass().addClass('error response').html("Internal error. Please try again.");
},
success: function(response){
if (response !== "The recaptcha response was invalid. Please try again."){
$('#contactForm #response').show().removeClass().addClass('error response').html(response);
} else {
$('#contactForm #response').show().removeClass().addClass('success response').html(response);
}
},
timeout: 20000
});
}
А вот и скрипт проверки PHP. У меня есть recaptchalib.php на моем сервере.
<?php
require_once('recaptchalib.php');
$privatekey = "privatekey_WAS_inserted_here";
$resp = recaptcha_check_answer ($privatekey,
$_SERVER["REMOTE_ADDR"],
$_POST["recaptcha_challenge_field"],
$_POST["recaptcha_response_field"]);
if (!$resp->is_valid) {
die ("The reCAPTCHA wasn't entered correctly. Go back and try it again." .
"(reCAPTCHA said: " . $resp->error . ")");
} else {
// My verification on this side. This part of the if/else never runs.
}
?>
РЕШЕНО: Итак, я разобрался со своей проблемой. В моем JavaScript я не отправлял фактические значения для полей запроса и ответа для recaptcha. Поэтому я исправил это, и reCAPTCHA работает безупречно.