<?php
ob_start("ob_gzhandler");
?>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
function sendRequest() {
$('#error_label').hide();
$.ajax({
url: "/ajaxvalidate.php",
type: 'post',
dataType: 'html',
data: 'username='+$('#username').val()+'&recaptcha_challenge_field='+$('#recaptcha_challenge_field').val()+'&recaptcha_response_field='+$('#recaptcha_response_field').val(),
success: function( data ) {
$('#show').html( data );
// тут отрабатываешь появления кнопки обратно...
// например так
$('#text_label').hide();
$('#submit_button').show();
Recaptcha.reload();
},
error: function( xhr, status ) {
$('#text_label').hide();
$('#error_label').show();
$('#submit_button').show();
}
});
// тут прячешь кнопку и отображаешь текст
// например так
$('#text_label').show();
$('#submit_button').hide();
}
</script>
<style type="text/css">
P.yellow {background-color: #ffff00;}
</style>
</head>
<body>
<form action="/ajaxvalidate.php" method="post" onsubmit="return false;">
Вставте ссылку:<br />
<input style="background-color: #FFFFC0" type="text" name="username" id="username" size="90">
<br />
<?php
require_once('recaptchalib.php');
$publickey = "fgdf";
echo recaptcha_get_html($publickey);
?>
<div id="error_label" style="display: none;">Произошла ошибка</div>
<div id="text_label" style="display: none;">Идет отправка, подождите...</div>
<input id="submit_button" type="submit" value="Отправить" onClick="sendRequest()">
</form>
<p class="yellow" id="show"></p>
<br />
</font>
</body>
</html>