javascript - त्रुटि: ReCAPTCHA प्लेसहोल्डर तत्व खाली होना चाहिए




jquery laravel-4.2 (4)

मैं अपने लार्वा एप्लिकेशन के साथ पुनरावृत्ति का उपयोग कर रहा हूं।

मैं सिर्फ jquery का उपयोग करके फ़ॉर्म सबमिट पर पुनरावृत्ति की प्रतिक्रिया की जांच करना चाहता हूं और उपयोगकर्ता को अलर्ट द्वारा रोकना चाहता हूं जो कैप्चा को मान्य करता है।

लेकिन, अगर कैप्चा नहीं भरा जाता है तो भी मैं फॉर्म जमा करना बंद नहीं कर सकता।

यहाँ मेरा कोड है

 $('#payuForm').on('submit', function (e) {

                    var response = grecaptcha.getResponse();

                    if(response.length == 0 ||  response == '' || response ===false ) {
                        alert('Please validate captcha.');
                        e.preventDefault();
                    }
                });



<div class="captcha">
 {{ View::make('recaptcha::display') }}
</div>

मुझे ब्राउज़र कंसोल में यह त्रुटि मिल रही है, और फ़ॉर्म सबमिट हो गया है।

Error: ReCAPTCHA placeholder element must be empty


आप लाइब्रेरी को 2 बार लोड कर रहे हैं

चुना

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

या

     <script src="https://www.google.com/recaptcha/api.js" async defer></script>

मैं Wordpress के लिए ContactForm7 का उपयोग कर रहा हूं, जिसमें Recaptcha के साथ अंतर्निहित एकीकरण है। मेरे पास BWP Recaptcha प्लगइन भी है, जो एक ही recaptcha पुस्तकालयों का उपयोग करता है। मैंने गलती से अपनी सक्रियण कुंजी दोनों में जोड़ दी थी, जिससे js लाइब्रेरी दो बार लोड हो रही थी। एक बार जब मैंने सीएफ 7 प्लगइन से कुंजियों को हटा दिया तो त्रुटि चली गई।


यदि आपको डायनामिक की आवश्यकता है, तो पृष्ठ पर प्रत्येक कैप्चा के लिए बस आप इसे:

    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
            async defer>
    </script>

    <div class="g-recaptcha"></div>

    <script>
        var onloadCallback = function() {
            //remove old
            $('.g-recaptcha').html('');

            $('.g-recaptcha').each(function (i, captcha) {
                grecaptcha.render(captcha, {
                    'sitekey' : 'your key'
                });
            });
        };
    </script>

लेकिन यह धीमा है। आप शुरू में पेज पर सभी रिकैप्ट को भी परिभाषित कर सकते हैं: https://developers.google.com/recaptcha/docs/display







laravel-4.2