Как загрузить форму reCaptcha с помощью jQuery / AJAX, оставив скрипты reCaptcha на месте?

я загружаю свою контактную форму на свою страницу с помощью JQuery / AJAX.

контактная форма содержит скрипты reCaptcha.

к сожалению, JQuery удаляет теги скриптов перед их вставкой на мою страницу. Эти теги скриптов необходимы, потому что они выводят captcha. теперь у моей загруженной формы нет капчи.

25
ajax cakephp jquery recaptcha

2 ответов

ссылка имеет все, что вам нужно:http://code.google.com/apis/recaptcha/docs/display.html

вы не можете добавить скрипт в AJAX. Вы должны добавить следующую строку перед :

  <script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>

затем вы можете динамически создать форму recaptcha в своем JS-коде, добавив следующий код:

  Recaptcha.create("your_public_key",
    "element_id",
    {
      theme: "red",
      callback: Recaptcha.focus_response_field
    }
  );
20

@benck, отличный ответ! Но она немного устарела. Текущий URL скрипта:

<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>

и код должен быть следующим:

grecaptcha.render('element_id', {
    sitekey: recaptchaSiteKey,
    callback: function(response) {
        console.log(response);
    }
});
20