Есть ли способ выполнить валидацию капчи, когда отправляешь форму аяксом. Есть решение

5 ответов

• популярные
• новые
• старые

• 2

  Koin 20 июля 2021 00:33 # Решение

  посмотрите мой вариант https://steemy.ru/topspeed/par...

  работает со стандартной формой и капчой

  ответить
  • +1

    devellopah 21 июля 2021 01:46 #

    Выложите кусок кода, который делает валидацию капчи, пожалуйста. Речь не только обо мне, многих может заинтересовать этот вопрос. Да и не каждый сумеет, на примере вашего проекта, разобраться в чём "соль".

    ответить
    • +2

      Koin 21 июля 2021 19:51 #

      сделал просто, вывожу сразу результат в формате html со странице где форма, а там уже будет видно прошла проверку или нет капча

      ответить
      • +1

        devellopah 28 июля 2021 01:19 #

        Спасибо, разобрался. Немного адаптировал по себя.

        Выложу свой код, чтобы понятнее было кому интересно.

        {$errors = array()}
        <div class="js-contact-form-root">
          {if $wa->post("send") and $wa->sendEmail("", $errors)}
            <div>
              <h1>[s`Thank you!`]</h1>
              <p>[s`Your message has been sent.`]</p>
            </div>
          {else}
            <div class="wa-form">
              <h2>Напишите нам</h2>
              <form class="js-contact-form" method="post" action="">
              ...
              ...
              ...
              </form>
          </div>
          {/if}
        </div>

            $(document).on('submit', '.js-contact-form', function () {
                var $form = $(this);
        
                $.ajax({
                    type: "post",
                    dataType: "html",
                    url: $form.attr("action"),
                    data: $form.serialize(),
                    success: function (data) {
                        var $html = $(data);
                        $('.js-contact-form-root').html($html.find('.js-contact-form-root').html());
                    }
                });
        
                return false;
            })

        p.s. Работает корректно при условии наличия одной формы на странице. Если нужно две формы и более на одной странице, есть смысл добавлять атрибут name к каждой форме.

        ответить
    • +1

      Anton F 24 июля 2021 06:18 #

      В документации все есть

      ответить