2011-08-31 11 views
25

मैं अपने संपर्क फ़ॉर्म को JQuery/AJAX के साथ अपने पृष्ठ में लोड करता हूं।रीकैप्चा स्क्रिप्ट को जगह पर छोड़कर मैं jQuery/AJAX का उपयोग कर एक reCaptcha फ़ॉर्म कैसे लोड कर सकता हूं?

संपर्क फ़ॉर्म में reCaptcha स्क्रिप्ट शामिल हैं।

दुर्भाग्य से, JQuery स्क्रिप्ट टैग को मेरे पृष्ठ में डालने से पहले हटा देता है। इन स्क्रिप्ट टैग की आवश्यकता है क्योंकि वे कैप्चा आउटपुट करते हैं। अब मेरे भारित रूप में कोई कैप्चा नहीं है। http://code.google.com/apis/recaptcha/docs/display.html

आप ajax में स्क्रिप्ट नहीं जोड़ सकते हैं:

उत्तर

20

लिंक आप सभी की जरूरत है।

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

उसके बाद, आप गतिशील रूप से आपकी js कोड में एक recaptcha प्रपत्र बना सकते हैं निम्नलिखित कोड जोड़ने का उपयोग करके:: आप से पहले निम्न पंक्ति जोड़ना चाहिए

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

मैं वास्तव में इस समय एक जवाब का इंतजार कर किया था। मेरे समाधान को पोस्ट करने और इसे खोजने के लिए वापस आया। फिर भी धन्यवाद। किसी भी तरह से मेरे समाधान की पुष्टि करने के लिए अच्छा है। – eSentrik

+0

बधाई !! यह अच्छा है। – benck

+1

यह पहले से ही पुराना समाधान है। ओलेग का समाधान ठीक है। – Legionar

17

@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); 
    } 
}); 
+0

हां, यह नया Google रीकैप्चा कोड आवश्यक है। धन्यवाद! – tribulant

+0

'element_id' क्या है? –

+0

@ संदीपपारीयार 'div' की आईडी 'जी-रिकैप्चा' के साथ आईडी। – Legionar

संबंधित मुद्दे

 संबंधित मुद्दे