Multiple recaptcha on same page about no-captcha HOT 3 OPEN

    <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>

  {!! NoCaptcha::renderJs('en', true, 'recaptchaCallback') !!}

  <script>
    function recaptchaCallback() {
      document.querySelectorAll('.g-recaptcha').forEach(function (el) {
        grecaptcha.render(el);
      });
    }
  </script>