¿Cómo puedo cargar un formulario reCaptcha usando jQuery/AJAX mientras dejo los scripts de ReCaptcha en su lugar?

Question

Cardo mi formulario de contacto en mi página con JQuery/AJAX.

El formulario de contacto contiene los scripts de reCaptcha.

Desafortunadamente, JQuery elimina las etiquetas de script antes de insertarlas en mi página. Estas etiquetas de secuencia de comandos son necesarias porque producen el captcha. ahora mi forma cargada no tiene captcha

Answer 1

El enlace tiene todo lo que necesita: http://code.google.com/apis/recaptcha/docs/display.html

No se puede agregar la secuencia de comandos en ajax. Usted debe agregar la siguiente línea antes:

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

A continuación, puede crear dinámicamente una forma Reconocer texto en el código JS usando añadiendo el siguiente código:

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

Answer 2

@benck, gran respuesta! Pero se ha vuelto un poco desactualizado. La URL script actual es:

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

Y el código debe ser como a continuación:

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