验证此图像验证码.Jquery PHP & javascript.

>我让验证码在验证码中创建图像.php。在我的联系php页面上，它调用图像并重新加载，一切正常。我似乎找不到验证它的方法。

以下是创建验证码图像的代码：

<?php
session_start();
$word_1 = '';
$word_2 = '';
for ($i = 0; $i < 4; $i++) 
{
    $word_1 .= chr(rand(97, 122));
}
for ($i = 0; $i < 4; $i++) 
{
    $word_2 .= chr(rand(97, 122));
}
$_SESSION['random_number'] = $word_1.' '.$word_2;
$dir = '/addons/fonts/';
$image = imagecreatetruecolor(165, 50);
$font = "recaptchaFont.ttf"; // font style
$color = imagecolorallocate($image, 0, 0, 0);// color
$white = imagecolorallocate($image, 255, 255, 255); // background color white
imagefilledrectangle($image, 0,0, 709, 99, $white);
imagettftext ($image, 22, 0, 5, 30, $color, $dir.$font, $_SESSION['random_number']);
header("Content-type: image/png");
imagepng($image); 
?>

这就是该文件中的所有内容。

接下来是我实际表格中的代码（联系我们页面）：

<form id="contactForm" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table>
<tr>
    <td><span class="greyText">Enter text shown:</span></td>
    <td>
        <div id="captcha-wrap">
            <div class="captcha-box">
                <img src="captcha.php" alt="" id="captcha" />
            </div>
            <div class="text-box">
                <label>Type the two words:</label>
                <input name="captcha-code" type="text" id="captcha-code">
            </div>
            <div class="captcha-action">
                <img src="./images/captcha-refresh.png"  alt="" id="captcha-refresh" />
            </div>
        </div>
        <span id="captchaInfo">*</span>  
    </td>
</tr>
<tr>
    <td colspan="2">
            <div class="seperator">&nbsp;</div>
            <input type="submit" name="submit" class="styleButton" style="float:right;margin-right:10px" value="SUBMIT" /></td>
</tr>
</table>
</form>

我在该表中还有其他用于姓名、电子邮件等的行，但我只是删除了它以使其更短。

联系页面的文档就绪功能中，我有以下代码在单击按钮时刷新验证码：

 // refresh captcha
 $('img#captcha-refresh').click(function() {  
        change_captcha();
 });
 function change_captcha()
 {
    document.getElementById('captcha').src='jquery-captcha.php?rnd=' + Math.random();
 }

接下来是我对整个表单本身的验证。它适用于所有内容，但验证码除外：

$(document).ready(function(){
    //global vars
    var form = $("#contactForm");
    var name = $("#name");
    var nameInfo = $("#nameInfo");
    var telephone = $("#telephone");
    var telephoneInfo = $("#telephoneInfo");
    var email = $("#email");
    var emailInfo = $("#emailInfo");
    var message = $("#message");
    var messageInfo = $("#messageInfo");
    var captcha = $("#captcha-code");
    var captchaInfo = $("#captchaInfo");
    //On blur
    name.blur(validateName);
    telephone.blur(validatePhone);
    email.blur(validateEmail);
    message.blur(validateMessage);
    captcha.blur(validateCaptcha);
    //On key press
    name.keyup(validateName);
    telephone.keyup(validatePhone);
    message.keyup(validateMessage);
    captcha.keyup(validateCaptcha);
    //On Submitting
    form.submit(function(){
        if(validateName() & validateEmail() & validatePhone() & validateMessage() & validateCaptcha())
            return true
        else
            return false;
    });
    function validateName(){
        //if it's NOT valid
        if(name.val().length < 4){
            name.addClass("error");
            nameInfo.text("* Name Required");
            nameInfo.addClass("error");
            return false;
        }
        //if it's valid
        else{
            name.removeClass("error");
            nameInfo.text("*");
            nameInfo.removeClass("error");
            return true;
        }
    }
    function validateCaptcha(){
        $.post("captchaValidate.php?"+$("#contactForm").serialize(), {
            }, function(response){
            if(response==1)
            {
                captcha.removeClass("error");
                captchaInfo.text("*");
                captchaInfo.removeClass("error");
                return true;
            }
            else
            {
                captchaInfo.text("* Please enter the words you see in the box above. If you are having trouble seeing it, click the refresh button.");
                captchaInfo.addClass("error");
                captchaInfo.css({'float': 'left', 'margin-left': '5px'});
                return false;
            }
        });
    }
});

我再次删除了上面的一些代码以使其更短，但我保留了 validateName 函数，以便您可以看到我是如何完成其余代码的。

在验证验证码中，它指向此页面/代码：

<?php
session_start();
if(@strtolower($_REQUEST['captcha-code']) == strtolower($_SESSION['random_number']))
{
    echo 1;// YAY!
}
else
{
    echo 0; // invalid code
}
?>

对此的任何帮助将不胜感激，我已经卡了这么久！我已经尝试了一些方法，但似乎没有任何效果。