Как загрузить форму reCaptcha с помощью jQuery / AJAX, оставив скрипты reCaptcha на месте?
я загружаю свою контактную форму на свою страницу с помощью JQuery / AJAX.
контактная форма содержит скрипты reCaptcha.
к сожалению, JQuery удаляет теги скриптов перед их вставкой на мою страницу. Эти теги скриптов необходимы, потому что они выводят captcha. теперь у моей загруженной формы нет капчи.
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
}
);
@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);
}
});