<head>
<META http-equiv=content-type content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function ()
{
$("form").after($("<div></div>"));
$("form").submit(function (f)
{
var code = $("input:first").val();
for (var i = 0; i < 20; ++i)
{
$.ajax({
type: "POST",
url: "go.php",
data: "code=" + code + "&go=go",
success: function (result)
{
$("div").html($("div").html() + result + "<br>");
}
});
}
return false;
});
});
</script>
</head>
<center><form action="go.php" method="post" enctype="multipart/form-data">
<!-- Форма будет отправлять введенные пользователем данные скрипту go.php методом POST -->
<img src='captcha.php' id='capcha-image'><br>
<!-- Сама капча -->
<a href="javascript:void(0);" onclick="document.getElementById('capcha-image').src='captcha.php?rid=' + Math.random();">Обновить капчу</a><br>
<!-- Ссылка на обновление капчи. Запрашиваем у captcha.php случайное изображение. -->
<span>Введите капчу:</span><br>
<input type="text" name="code">
<input type="submit" name="go" value="Продолжить">
<!-- Отправляем данные скрипту-обработчику go.php -->
</form></center>
Comments