Как добавить ссылку перезагрузки для капчи? - PullRequest
Новая
       4

Как добавить ссылку перезагрузки для капчи?

0 голосов
/ 26 января 2012

Я провел некоторое исследование по этому вопросу, но каждая форма php отличается друг от друга, поэтому решения других людей, вероятно, не будут работать для меня. Я хочу иметь ссылку с надписью «перезагрузить капчу», и при ее нажатии она перезагружается без обновления страницы. Моя форма использует AJAX и javascript, и я предполагаю, что это то, что нужно, чтобы сделать это правильно.

Javascript для моей формы выглядит так: 

jQuery(document).ready(function() {
$('.contactform').submit(function() {
    var action = $(this).attr('action');
    var form = this;
    $('.submit', this).attr('disabled', 'disabled').after(
          '<img src="assets/ajax-loader.gif" class="loader" />');
    $('.message', this).slideUp(750, function() {
        $(this).hide();
        $.post(action, {
            name: $('.name', form).val(),
            email: $('.email', form).val(),
            phone: $('.phone', form).val(),
            comments: $('.comments', form).val(),
            verify: $('.verify', form).val()
        },
        function(data) {
            $('.message', form).html(data);
            $('.message', form).slideDown('slow');
            $('img.loader', form).fadeOut('fast', function() {
                $(this).remove();
            });
            $('.submit', form).removeAttr('disabled');
            if (data.match('success') != null)
            $('.message', form).show().delay(5000).fadeOut();
        });
    });
    return false;
});
});

Форма PHP выглядит так: 

 <?php if (!isset($_SESSION)) session_start();

 if(!$_POST) exit;

if (!defined("PHP_EOL")) define("PHP_EOL", "\r\n");


$address = "email@domain.com";
$bcc = "email@domain.com";

    $twitter_active     = 0;
    $twitter_user       = ""; // Your user name
    $consumer_key       = "";
    $consumer_secret    = "";
    $token              = "";
    $secret             = "";

$name    = $_POST['name'];
$email  = $_POST['email'];
$phone  = $_POST['phone'];
$dayin  = $_POST['dayin'];
$dayout = $_POST['dayout'];
$comments = $_POST['comments'];

if (isset($_POST['verify'])) :
    $posted_verify   = $_POST['verify'];
    $posted_verify   = md5($posted_verify);
else :
    $posted_verify = '';
endif;

// Important Variables
$session_verify = $_SESSION['verify'];

if (empty($session_verify)) $session_verify = $_COOKIE['verify'];

$error = '';

    if(trim($name) == '') {
        $error .= '<li>Your name is required.</li>';
    }

    if(trim($email) == '') {
        $error .= '<li>Your e-mail address is required.</li>';
    } elseif(!isEmail($email)) {
        $error .= '<li>You have entered an invalid e-mail address.</li>';
    }

    if(trim($phone) == '') {
        $error .= '<li>Your phone number is required.</li>';
    } elseif(!is_numeric($phone)) {
        $error .= '<li>Your phone number can only contain digits (numbers 
 and no spaces).</li>';
    }

    if(trim($comments) == '') {
        $error .= '<li>You must enter a message to send.</li>';
    }

    if($session_verify != $posted_verify) {
        $error .= '<li>The verification code you entered is incorrect.
  </li>';
    }

    if($error != '') {
        echo '<div class="error_message">Attention! Please correct the 
  errors below and try again.';
        echo '<ul class="error_messages">' . $error . '</ul>';
        echo '</div>';

    } else {

    if(get_magic_quotes_gpc()) { $comments = stripslashes($comments); }

     $e_subject = 'Website Enquiry';
     $msg = '<html><body>    </body></html>';

    if($twitter_active == 1) {

        $twitter_msg = $name . " - " . $comments . ". You can contact " . 
  $name . " via email, " . $email ." or via phone " . $phone . ".";
        twittermessage($twitter_user, $twitter_msg, $consumer_key, 
  $consumer_secret, $token, $secret);

    }

    $msg = wordwrap( $msg, 70 );

    $headers = "From: $email\r\nBCC:{$bcc}\r\n" . PHP_EOL;
    $headers .= "Reply-To: $email" . PHP_EOL;
    $headers .= "MIME-Version: 1.0" . PHP_EOL;
    $headers .= "Content-type: text/html; charset=utf-8" . PHP_EOL;
    $headers .= 'Content-Transfer-Encoding: 8bit'. "\n\r\n" . PHP_EOL;

    if(mail($address, $e_subject, $msg, $headers)) {

     echo "<fieldset>";
     echo "<div id='success_page'>";
     echo "<img src='success.png' align='absmiddle' style='padding-right:5px;' 
 /><strong>Email Sent Successfully.</strong>";
     echo "</div>";
     echo "</fieldset>";

     } else {

     echo 'ERROR!'; // Dont Edit.

     }

}

 function twittermessage($user, $message, $consumer_key, $consumer_secret, $token, 
 $secret)     { // Twitter Direct Message function, do not edit.

require_once('twitter/EpiCurl.php');
require_once('twitter/EpiOAuth.php');
require_once('twitter/EpiTwitter.php');

$Twitter = new EpiTwitter($consumer_key, $consumer_secret);
$Twitter->setToken($token, $secret);

$direct_message = $Twitter->post_direct_messagesNew( array('user' => $user, 'text' 
=> $message) );
$tweet_info = $direct_message->responseText;

}

?>

(Я взял HTML-код электронной почты в $ msg, потому что он был слишком большим, и я не думаю, что его нужно было включать)

HTML-код для капчи в моей форме выглядит следующим образом: 

<label for="verify" accesskey="V">&nbsp;&nbsp;&nbsp;<img src="image.php" 
alt="Image verification" border="0"/></label>

<input name="verify" type="text" id="verify" class="verify" size="6" value="" 
style="width: 50px;" />

Кто-нибудь знает, что я должен делать шаг за шагом? (примечание: я все еще любитель php и ajax) ... о, нет, я не хочу использовать reCaptcha, если вы так думаете:)

1 Ответ

0 голосов
/ 27 января 2012

это должно дать вам старт, это предполагает, что image.php генерирует изображение и обновляет переменную session / cookie Мы обновляем изображение, чтобы включить строку очистки кэша, чтобы оно обновляло изображение и переменную сеанса.

HTML 

<button id="reloadCaptcha">Reload Captcha</button>

ИЗМЕНИТЬ HTML 

<img id="captchaImage" src="image.php" alt="Image verification" border="0"/>

JS 

$('button#reloadCaptcha').click(function() {
    $('img#captchaImage').attr('src', 'image.php?'+new Date().getTime());
});

Очевидно, что не проверено, но должно дать вам хорошее начало для его реализации.

...