0

Подскажите пожалуйста, пытаюсь добавить капчу в форму отправки данных на e-mail. Саму капчу понять как добавить не трудно, а вот чтоб срабатывала как полагается не могу понять как. Читал туториал, смотрел статьи, но у меня не работает. Серверную обработку не могу понять, т.к не знаю пхп, для отправки формы использую готовый скрипт. Возможно смогли бы помочь, показав что куда вставить для успешной валидации? Сгенерированный ключ вставлен в форме Код HTML формы, AJAX отправки и PHP прилагается.

Форма:

<form action="/" class="form" method="post">

                    <!-- Hidden Required Fields -->
                    <input type="hidden" name="project_name" value="Blabla">
                    <input type="hidden" name="admin_email" value="some@email.com">
                    <input type="hidden" name="form_subject" value="Контактные данные пользователя">
                    <!-- END Hidden Required Fields -->

                    <div class="input-group">

                        <input id="name" type="text" name="Name" placeholder="Имя и фамилия" required>
                    </div>
                    <div class="input-group">

                        <input id="email" type="text" name="E-mail" pattern="^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$" placeholder="E-mail" required>
                    </div>
                    <div class="input-group">

                        <input type="text" name="Phone" placeholder="Контактный телефон">
                    </div>





                    <input type="submit" name="submit" id="submit-button" value="Отправить">
<div class="g-recaptcha" data-sitekey="6LdxczcUAAAAAKsbbef_VQgblw-khfd-S0RCL0Vq" style=""></div>


                </form> 

AJAX:

    $(document).ready(function() {

//E-mail Ajax Send
$(".form").submit(function() { //Change
    var th = $(this);
    $.ajax({
        type: "POST",
        url: "mail.php", //Change
        data: th.serialize()
    }).done(function() {
        alert("Благодарим за проявленный интерес к нашей продукции.");
        $('.cityAddress').removeClass('active');
                $('.form-block').removeClass('active');
        setTimeout(function() {
            // Done Functions
            th.trigger("reset");
        }, 1000);
    });
    return false;
});

});

PHP скрипт для отправки формы:

<?php
$method = $_SERVER['REQUEST_METHOD'];
//Script Foreach
$c = true;
if ( $method === 'POST' ) {
    $project_name = trim($_POST["project_name"]);
    $admin_email  = trim($_POST["admin_email"]);
    $form_subject = trim($_POST["form_subject"]);
    foreach ( $_POST as $key => $value ) {
        if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
            $message .= "
            " . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
                <td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
                <td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
            </tr>
            ";
        }
    }
} else if ( $method === 'GET' ) {
    $project_name = trim($_GET["project_name"]);
    $admin_email  = trim($_GET["admin_email"]);
    $form_subject = trim($_GET["form_subject"]);
    foreach ( $_GET as $key => $value ) {
        if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
            $message .= "
            " . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
                <td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
                <td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
            </tr>
            ";
        }
    }
}
$message = "<table style='width: 100%;'>$message</table>";
function adopt($text) {
    return '=?UTF-8?B?'.Base64_encode($text).'?=';
}
$headers = "MIME-Version: 1.0" . PHP_EOL .
"Content-Type: text/html; charset=utf-8" . PHP_EOL .
'From: '.adopt($project_name).' <'.$admin_email.'>' . PHP_EOL .
'Reply-To: '.$admin_email.'' . PHP_EOL;
mail($admin_email, adopt($form_subject), $message, $headers );
12
  • А что получает сервер? Какая ошибка? Я бы в Аяксе не писал th.serialize() а на прямую форму бы сериализовал. Плюс НЕпонятно что за скрипт у тебя капчи??. И как его ты принимаешь на стороне PHP. По умолчанию .serialize() нужно принимать в массив по атрибуту name. Не вижу что бы ты его принял так.
    – dpi
    10 ноя 2017 в 9:22
  • @dpi, я удалил всю обработку капчи, потому что она не работает, сейчас добавлю и отредактирую еще раз, может так будет проще понять 10 ноя 2017 в 10:01
  • могу дать код капчи тупо код. Который передаешь в сесии. и на стороне сервера сверяешь введенное в поле и то что нужно было ввести. Все норм работает.
    – dpi
    10 ноя 2017 в 10:35
  • @dpi было бы здорово, спасибо 10 ноя 2017 в 11:14
  • @dpi я добавил обработку в пхп как сказано тут xn--d1acnqm.xn--j1amh/%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D0%B8/… но отправка все равно осуществляется и без проверки капчи и с ней, то есть пользователь может проигнорировать её и ничего не случится я так понял, что мне необходимо проверять в AJAX'е..? 10 ноя 2017 в 11:43

1 ответ 1

2

Я бы решал эту задачу вот так И с удовольствием посмотрел на ваше решение. Вот функция Капчи)

Это PHP


<?php
 session_start();
function captcha()
{
 $chars = 'abdefhiknrstyzABDEFGHKNQRSTYZ0123456789';
$generate_string = '';
$length = rand(3, 7);

for ($x = 0; $x < $length; $x++) {
    $i = rand(0, 38);
    $generate_string .= $chars{$i};
 }
return $generate_string;
 }

На странице формы Я ее и вызываю в и записываю в сессию.

$_SESSION['captcha'] = captcha();
?>

Затем вставляю вставочку в нужное место формы

<form action="КУда Отсылаешь форму на проверку" method="post">
    <br>
    <input type="text" required='required' title="имя" name="username" placeholder="имя" />
    <br>
    <br>
    <input type="email" required='required' title="почта" name="email" placeholder="ваша почта" />
    <br>
    <br>
    <input type="url" title="HOMEPAGE" name="hompage" placeholder="ваш сайт" />
    <br>
    <br>
   **<?php echo $_SESSION['captcha']; ?>**
    <br>
    <input type="text" required='required' title="CAPTCHA" name="captcha" placeholder="captcha" />

<input type="submit" value="Отправить"/>


Затем проверка в том файле где будет обрабатываться форма.
    session_start();
    $captcha = $_POST['captcha'];
    if($captcha!== $_SESSION['captcha']){ОТПРАВЛЯЕШЬ ЮЗЕРА НАЗАД К ФОРМЕ)}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.