Как добавить Firebase Recapcha несколько раз на одной странице? - PullRequest
Новая
       13

Как добавить Firebase Recapcha несколько раз на одной странице?

0 голосов
/ 03 апреля 2020

на моей странице, имеющей две формы, и необходимо внедрить верификатор recaptcha в firebase в обеих формах. Как добавить аутентификацию firebase в обеих формах? Recaptcha даже не рендерится, а window.repcaptchaVerfier.render () не рендерит 

<form id="form1">
<div id="recaptcha"></div>
</form>   
<form id="form2">

<div id="recaptcha2"></div>
</form> 

 window.recaptcha = new firebase.auth.RecaptchaVerifier('recaptcha1', {
          'size': 'normal',
          'callback': function(response) {
            console.log("callback");
            // reCAPTCHA solved, allow signInWithPhoneNumber.
            // [START_EXCLUDE]
            // updateSignInButtonUI();
            // [END_EXCLUDE]
          },
          'expired-callback': function() {
            console.log("expired-callback");
            // Response expired. Ask user to solve reCAPTCHA again.
            // [START_EXCLUDE]
            // updateSignInButtonUI();

            // [END_EXCLUDE]
          }
        });

window.recaptcha.render().then(function(widgetId) { 

  window.recaptchaId = widgetId;

});
    window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha2', {
          'size': 'normal',
          'callback': function(response) {
            console.log("callback");
            // reCAPTCHA solved, allow signInWithPhoneNumber.
            // [START_EXCLUDE]
            // updateSignInButtonUI();
            // [END_EXCLUDE]
          },
          'expired-callback': function() {
            console.log("expired-callback");
            // Response expired. Ask user to solve reCAPTCHA again.
            // [START_EXCLUDE]
            // updateSignInButtonUI();

            // [END_EXCLUDE]
          }
        });
window.recaptchaVerifier.render().then(function(widgetId) { 

      window.recaptchaWidgetId = widgetId;

    });
...