Zum Hauptinhalt springen

Mehrere Captchas pro Webseite

Das MTCaptcha-Widget unterstützt die Verwendung mehrerer Captchas pro Webseite.

Um mehr als ein Captcha zu rendern, verwenden Sie den JavaScript-Konfigurationsparameter ‘renderQueue’

  <script>
  var mtcaptchaConfig = {
    "sitekey": "<YOUR SITE KEY>",
    "renderQueue": ['mtcaptcha-1', 'mtcaptcha-2', 'mtcaptcha-3']
  }
  ...
  </script>

  <div id="mtcaptcha-1"></div>
  <div id="mtcaptcha-2"></div>
  <div id="mtcaptcha-3"></div>

MTCaptcha-APIs und mehrere Captchas‍​

Alle window.mtcaptcha-JavaScript-APIs unterstützen domID als Parameter, um einzelne auf der Seite geladene Captchas anzusprechen.

  <script>
    // get the status of the first captcha
    mtcaptcha.getStatus();      
    // get the status of the captcha with id='mtcaptcha-1'
    mtcaptcha.getStatus('mtcaptcha-1')  


    // get the current verifiedToken of the first captcha
    mtcaptcha.getVerifiedToken();
    // get the current verifiedToken of the captcha 
    // with id='mtcaptcha-2'
    mtcaptcha.getVerifiedToken('mtcaptcha-2');
  </script>

Weitere Informationen zu allen mtcaptcha-APIs finden Sie im Developers Guide – Javascript-APIs.

Benutzerdefinierte Konfiguration pro Captcha​

Die Konfiguration kann pro Captcha-Instanz angepasst werden, indem die Elementattribute ‘data-<configparam>’ im Ziel-DIV verwendet werden.

 <script>
  var mtcaptchaConfig = {
    "renderQueue": ['mtcaptcha-1', 'mtcaptcha-2']
  }
  ...
  </script>

  <div id="mtcaptcha-1" data-sitekey='<sitekey1>' 
  data-action='login' data-lang='zh'></div>
  ...
  <div id="mtcaptcha-2" data-sitekey='<sitekey2>' 
  data-action='register' data-lang='fr'></div>

Mehrere Captchas und Rückrufe​

MTCaptcha-JavaScript-Rückrufe stellen ein Argument mit dem Feld state.domID bereit, um genau anzugeben, für welche Captcha-Instanz der Rückruf bestimmt ist.

  <script>
    function mt_verifiedcb(state)
    {
      console.log("mt_verifiedcb(state)");
      console.log("state.domID => "+state.domID);  
      // either 'mtcaptcha-1' or 'mtcaptcha-2'
    }  
  </script>

  <script>
    var mtcaptchaConfig = {
    "sitekey": "<YOUR SITEKEY>",
    "verified-callback": "mt_verifiedcb",
    "renderQueue": ['mtcaptcha-1', 'mtcaptcha-2']
    };
     ...
  </script>
  ...

  <div id="mtcaptcha-1"></div>
  <div id="mtcaptcha-2"></div>

Weitere Informationen zu den verschiedenen Rückrufen finden Sie im Developers Guide - JS Callbacks.